@charset "UTF-8";
/* ----------------------------------------------------------------
  base
----------------------------------------------------------------- */
body {
  width: 100%;
  height: 100%;
  color: #333;
  font-size: 1.4rem;}

@media all and (min-width: 767.5px) {
  body{
  min-width: 1240px;
  }}

.allContainer p{
  line-height: 1.8;}
  
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* ----------------------------------------------------------------
  lyout
----------------------------------------------------------------- */
.allContainer {
  background: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  z-index: 1;
  overflow: hidden; }

.contents {
  background: #fff;
  padding: 100px 20px; }
  .contents--gr {
	padding-top: 25px;
    background: #efefef;
    text-align: center; 
	z-index: 7;}
  .contents--bk {
    background: #333;
	text-align: center;
    color: #fff;
    z-index: 5;}
  .contents--bk--type2 {
    z-index: 3;}
    .contents--bk .hdg {
      color: #fff; }
  .contents--pl {
    background: #774993;
    text-align: center;
    color: #fff;
	z-index: 6;}
    .contents--pl .hdg {
      color: #fff; }
  .contents--rd {
    background: #B52C44;
    text-align: center;
    color: #fff; 
	z-index: 4;}
    .contents--rd .hdg {
      color: #fff; }
  .contents--gl {
    background: #936e48;
    text-align: center;
    color: #fff; 
	z-index: 2;}
    .contents--gl .hdg {
      color: #fff; }
  .contents--br {
    background: #7a5531;
    text-align: center;
    color: #fff;
	z-index: 1;}
    .contents--br .hdg {
      color: #fff; }

.contentsInner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  min-height: auto;
  margin: 0 auto;
  z-index: 0; }

.contents__txtArea {
  margin-top: 60px; 
  font-size: 2.0rem;}
.contents__imgArea{
  margin-top: 40px;}
.contents__imgArea img{
  border-radius: 8px;}
.contents--gr,.contents--bk,.contents--rd,
.contents--pl,.contents--gl,.contents--br{
	position: relative;
	margin-bottom: -5px;
	border-radius: 0 0 5px 5px;
}


@media all and (min-width: 767.5px) {
    .contents__txtArea--L {
      margin-left: 0; } 
	.contents__imgArea{
	  margin-top: 60px;}
	.contents__imgArea img{
	  border-radius: 8px;}
    .contents--gr,.contents--bk,.contents--rd,
	.contents--pl,.contents--gl,.contents--br{
		position: relative;
		margin-bottom: -8px;
		border-radius: 0 0 8px 8px;
	}}
/* ----------------------------------------------------------------
  hdg
----------------------------------------------------------------- */
.hdg--hero .hdg__txt {
  margin-bottom: 0;
  }

.hdg--type1 {
  margin-bottom: 22px; }
  .hdg--type1 .hdg__txt {
    font-size: 3.3rem;
    line-height: 1.3;}
.hdg--type2 {
  margin-bottom: 30px; }
  .hdg--type2 .hdg__txt {
    font-size: 3.2rem; 
    margin-bottom: 15px;}
  .hdg__txt + p {
	margin-top: 20px;
    font-size: 2.0rem;}
.hdg--type3 {
  margin-bottom: 20px; }
  .hdg--type3 .hdg__txt {
    font-size: 2.8rem;
    margin-bottom: 20px;}
  .hdg--type3 + p{
    font-size: 1.6rem;}
  .mgt80 > .hdg__txt + p{
	font-size: 1.6rem;}
  .hdg--type3.mgt60 + p{
	text-align: left;}

.hdg--type4 {
  margin-top: 77px;
  margin-bottom: 20px; }
  .hdg--type4 .hdg__txt {
    font-size: 2.6rem; }
.hdg:first-child {
  margin-top: 0; }
.hdg__txt {
  font-weight: normal;
  margin-bottom: 40px;}

@media all and (min-width: 767.5px) {
  .hdg--hero .hdg__txt {
    font-size: 7.2rem; }
  .hdg--cv .hdg__txt {
    font-size: 3.4rem; }
  .hdg--type1 .hdg__txt, 
  .hdg--type2 .hdg__txt{
    font-size: 5.4rem; 
	line-height: 1.3;}
  .hdg--type2,.hdg__txt{
    margin-bottom: 60px; }
  .hdg--type3 .hdg__txt {
	margin-bottom: 10px;
    font-size: 3.0rem; }
  .hdg--type3 + p{
    font-size: 2.0rem;}
  .hdg--type4 .hdg__txt {
    font-size: 4.2rem; }
  .hdg--type3.mgt60 + p{
	text-align: center;}}
/* ----------------------------------------------------------------
  btn
----------------------------------------------------------------- */
.btnWrap {
  margin-top: 30px;}

.btnWrap--type1 {
  margin-top: 40px;}
@media all and (min-width: 767.5px) {
.btnWrap--type1 {
  margin-top: 60px;}}

.btnM {
  display: inline-block;
  position: relative;
  width: 280px;
  height: 54px;
  background: #000;
  border-radius: 50px;
  text-align: left;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}
.btnL {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 54px;
  background: #000;
  border-radius: 50px;
  text-align: left;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}
.btnM::before,.btnL::before {
  content: "";
  position: absolute;
  top: -25%;
  left: -120%;
  background: #fff;
  width: 120%;
  height: 150%;
  border-radius: 50px;
  z-index: -1;
}

.btnM:hover,.btnL:hover {
  text-decoration: none;
}
.btnM:hover .btn__txt,.btnL:hover .btn__txt {
  color: #333;
  font-weight: 500;
  text-decoration: none;
}
.btnM:hover::before, .btnL:hover::before{
  animation: btnhover 0.5s forwards;
}
.btnM:hover .btn__inner::after,.btnL:hover .btn__inner::after {
  background: url(../img_sites/icon_arrow_forward_bk.svg) no-repeat;
}
.btnL:hover .btn__inner--type2::after {
  background: url(../img_sites/icon_arrow_forward_bk.svg) no-repeat;
}
.btn--wt {
  background: #fff;
}
.btn--wt::before {
  background: #000;
}
.btn--wt:hover .btn__txt {
  color: #fff;
  font-weight: 500;
}
.btn--wt:hover .btn__inner::after {
  background: url(../img_sites/icon_arrow_forward_wt.svg) no-repeat;
}
.btn--wt:hover .btn__inner--type2::after {
  background: url(../img_sites/icon_arrow_forward_wt.svg) no-repeat;
}
.btn--wt .btn__inner::after {
  background: url(../img_sites/icon_arrow_forward_bk.svg) no-repeat;
}
.btn--wt .btn__inner--type2::after {
  background: url(../img_sites/icon_arrow_forward_bk.svg) no-repeat;
}
.btn--wt .btn__txt {
  color: #333;
}
.btn--center {
  display: block;
  margin: 0 auto;
}

@keyframes btnhover {
  100% {
    left: -10%;
  }
}
.btn__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 10px 27px 10px 24px;
}
.btn__inner--type2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 10px 27px 10px 24px;
}
.btn__inner::after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(../img_sites/icon_arrow_forward_wt.svg) no-repeat;
  background-size: contain;
}
.btn__inner--type2::after {
  content: "";
  width: 20px;
  height: 12px;
  background: url(../img_sites/icon_arrow_forward_wt.svg) no-repeat;
  background-size: contain;
}

.btn__txt {
  font-size: 1.4rem;
  color: #fff;
}

@media all and (min-width: 767.5px) {
  .btnM {
    width: 282px;
    height: 60px;
  }
  .btnL {
    width: 384px;
    height: 60px;
  }

  .btn__inner {
    padding: 10px 34px 10px 38px;
  }
  .btn__inner--type2 {
    padding: 10px 34px 10px 38px;
  }
}

.lavelWrap--type2{
  display: block;}
.lavelWrap--type4:nth-of-type(n+2){
  margin-top: 30px;}
.lavel{
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 99px;}
.lavel--type1{
  width: 200px;
  margin-bottom: 30px;
  padding: 10px 0;}
.lavel--type2{
  display: block;
  width: 65px; 
  margin: 20px 0 10px;
  text-align: center;}
.lavel--type3{
  width: auto;
  margin-bottom: 20px;
  padding: 5px 20px;
  line-height: 1.2;}
.lavel--type4{
  display: block;
  width: 80px; 
  margin: 20px 0 10px;
  text-align: center;}
.lavel--ttl{
  padding: 5px 10px;
  font-size: 1.4rem;}

@media all and (min-width: 767.5px) {
  .lavelWrap--type2{
    display: flex;
	margin-top: 10px;}
  .lavelWrap--type2 span{
	display: inline-block;
    margin-right: 10px;}
  .lavel--type1{
	width: 220px;
    padding: 10px 20px;}
  .lavel--type2{
    width: 100px; 
	padding: 5px 0;
	font-size: 1.6rem;}
  .pointCol__txt .lavel--type2{ 
	padding: 0;
	font-size: 2.0rem;}
  .lavel--type3{
    width: auto;
	margin-bottom: 20px;
    padding: 10px 20px;
	}
  .lavel--type4{
    width: 80px; 
	padding: 5px;
	font-size: 1.4rem;}
  .lavel--ttl{
	margin-bottom: 30px;
    padding: 5px 20px;
    font-size: 2.0rem;
  }}

/* ----------------------------------------------------------------
  list
----------------------------------------------------------------- */
.list {
  list-style: none; }
  .list--simple .list__item {
    padding-left: 0; }
    .list--simple .list__item::before {
      content: none; }
  .list .list {
    margin-top: 8px; }

.list__item {
  position: relative;
  padding-left: 0.5em; }
  .list__item::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.8em;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%); }
  .list__item:not(:first-child) {
    margin-top: 0.5em; }
  .list__item--others {
    position: relative;
    padding-left: 0.5em; }
  .list__item--br::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.8em;
    left: 0;
    background-color: #fff;}
  .list__item span {
	display: block;
    margin: 1em 0;
    font-size: 1.4rem;}
  .list__item--star {
	margin-top: 10px;
    color: #767676;
    font-size: 1.4rem;
	line-height: 1.6;}

	@media all and (min-width: 767.5px) {
	.list__item span {
	display: block;
    font-size: 1.3rem;}
  	.list__item--star {
    font-size: 1.2rem;}}
  .list__item--star--type1:first-of-type {
    margin-top: 10px; }
  .list__item--star--type1::before {
    content: "*";
    position: absolute;
    top: 0.55em;
    left: 0;
    width: auto;
    height: auto;
    background: none;
    color: #fff;
    transform: translateY(-50%); }
  .list__item--star::before {
    content: "*";
    top: 0.75em;
    left: 0;
    width: auto;
    height: auto;
    background: none;
    color: #ababab ;
    transform: translateY(-50%); }

  .list__item--star--wt {
    color: #fff;
    font-size: 1.2rem;}
  .list__item--star--wt::before {
    content: "*";
    top: 0.75em;
    left: 0;
    width: auto;
    height: auto;
    background: none;
    color: #fff ;
    transform: translateY(-50%); }
  .list__item--star--wt2 {
    color: #fff;
    font-size: 1.8rem;}
  .list__item--star--wt2::before {
    content: "*";
    top: 0.75em;
    left: 0;
    width: auto;
    height: auto;
    background: none;
    color: #fff ;
    transform: translateY(-50%); }
  .list__item--star span{
	margin-right: 10px;}
	.handlingCol__txt--note,
	.gradeCol__txt--note{
	 color: #fff;
	 font-size: 1.3rem;}

	.table__txt--note{
	 color: #fff;
	 margin-top: 10px;
	 font-size: 1.3rem;}

/* ----------------------------------------------------------------
  table
----------------------------------------------------------------- */
th{
  font-weight: normal;
  text-align: center;}
.table__cell--gr{ 
  border: 1px solid #565656;
  background-color: #484848;}
.tableWrap--type1 .table--sp th{
  padding: 20px 5px;
  font-size: 1.3rem;}
.tableWrap--type1 .table--sp td{
  padding: 20px;
  border: 1px solid #565656;
  font-size: 1.3rem;}
.tableWrap--type1 .table--sp th .lavel--type2{
  display: block;
  padding: 5px 10px;
  margin: 0 auto 10px;}
.tableWrap--type1 .table--sp .table__cell--point{
  font-size: 1.8rem;
  margin-left: 10px;
}
.tableWrap--type1 .table--sp .table__cell--img img{
  width: auto;
  height: 30px;}
.tableWrap--type1 .table--sp .table__cell--img{
  margin-bottom: 10px;
  text-align: center;}
.tableWrap--type1 .table--sp .table__cell--ttl{
  padding: 10px 0;}
.table--sp.table--type1 + .table--sp.table--type1 .lavel--type2{
  width: 80px;}
.table__cell--ttl .lavel--type2{
	margin: 0;}
.table__cell--ttl.table__cell--gr > .lavel--type2{
    width: 200px;}
.tableWrap--type2 .table--sp th,
.tableWrap--type2 .table--sp td{
	padding: 15px;
	border: 1px solid #d5bba5;}
.tableWrap--type2 .table--sp th{
	font-size: 1.6rem;
	background-color: rgba(255,255,255,0.1);}
.tableWrap--type2 .table--sp td{
	font-size: 1.3rem;}

.tableWrap--type3 th,
.tableWrap--type3 td{
	padding: 15px;
	border: 1px solid #d5bba5;}
.tableWrap--type3 th{
	font-size: 1.6rem;
	background-color: #886646;}
.tableWrap--type3 td{
	font-size: 1.4rem;
	text-align: center;}
@media all and (min-width: 767.5px) {
.tableWrap--type1 .table--pc th{
  padding: 20px 0;
  font-size: 2.0rem;}
.tableWrap--type1 .table--pc td{
  padding: 20px;
  border: 1px solid #565656;
  font-size: 1.3rem;}
.tableWrap--type1 .table--pc th .lavel--type2{
  padding: 10px;
  margin: 0 auto 15px;}
.tableWrap--type1 .table--pc .table__cell--point{
  font-size: 1.8rem;
  margin-left: 10px;}
.tableWrap--type1 .table--pc .table__cell--img img{
  width: auto;
  height: 30px;}
.tableWrap--type1 .table--pc .table__cell--img{
  margin-bottom: 10px;
  text-align: center;}
.tableWrap--type1 .table--pc .table__cell--ttl{
	font-size: 2.2rem;}
.table__cell--ttl.table__cell--gr > .lavel--type2{
  width: 240px;}
.table__cell--ttl.table__cell--gr + .table__cell--ttl.table__cell--gr > .lavel--type2{
  width: 100px;}
.tableWrap--type2 .table--pc th,
.tableWrap--type2 .table--pc td{
	padding: 15px 80px;
	border: 1px solid #d5bba5;}
.tableWrap--type2 .table--pc th{
	font-size: 2.2rem;
	background-color: rgba(255,255,255,0.1);}
.tableWrap--type2 .table--pc td{
	font-size: 1.3rem;}

.tableWrap--type3 th,
.tableWrap--type3 td{
	padding: 20px ;}
.tableWrap--type3 th{
	font-size: 2.2rem;
	background-color: #886646;}
.tableWrap--type3 td{
	height: 68px;
	padding: 0 20px;
	font-size: 1.5rem;}}

/* ----------------------------------------------------------------
  anchor
----------------------------------------------------------------- */
#current-jgc{
  margin-top: 80px;
  padding-top: 80px;
  border-top: 1px solid #fff;}
.anchorWrap {
  margin-bottom: 60px;}

.anchor {
  padding-bottom: 5px;
  border-bottom: 2px solid #bfbfbf;}
.anchor:hover {
  border-bottom: 2px solid #B52B44;}

.anchor__txt { 
  position: relative;
  display: inline-block;
  padding-right: 20px;
  color: #333;
  text-decoration: none;
  font-size: 1.6rem;}
.anchor:hover .anchor__txt{
  color: #B52B44;}

.anchor__txt::after{ 
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  transform: rotate(45deg);}

.anchor:hover .anchor__txt::after{ 
  border-bottom: 1px solid #B52B44;
  border-right: 1px solid #B52B44;}

@media all and (min-width: 767.5px) {
#current-jgc{
  margin-top: 100px;
  padding-top: 100px;}
.anchorWrap {
  margin-bottom: 100px;}}
/* ----------------------------------------------------------------
  boxInfo
----------------------------------------------------------------- */
.boxInfo{text-align: left; margin-bottom: 50px; background-color: #FFF;}
/* ----------------------------------------------------------------
  column
----------------------------------------------------------------- */
.featureCol{
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  margin-top: 20px;
  background-color: #fff;
  border-radius: 8px;}
.featureCol__no{
  width: 45px;
  height: 45px;
  position: absolute;
  padding: 10px;
  top: 24px;
  left: 24px;
  background-color: #333;
  border-radius: 99px;
  z-index: 99;}
.featureCol__img img{
  border-radius: 8px 8px 0 0;}
.featureCol__txt{
  margin: 20px 30px 30px;
  text-align: left;}
.featureCol__txt--ttl{
  margin: 0 0 15px;
  font-size: 2.7rem;
  font-weight: normal;}
.featureCol__txt--ttl + p{
  font-size: 1.6rem;}
.featureCol__txt--new{
  font-size: 1.2rem;}
.featureCol__txt--new span{
  display: block;
  width: 50px;
  margin: 15px 0;
  font-size: 1.3rem;
  border: 1px solid #333;
  border-radius: 99px;}

.pointCol,.gradeCol{
  display: block;}
.pointCol__box,.gradeCol__box{
  width: auto;}
.pointCol__box:nth-of-type(n+2),
.gradeCol__box:nth-of-type(n+2){
  margin-top: 50px;}
.pointCol__img,.gradeCol__img{
  position: relative;}
.pointCol__img img,.gradeCol__img img{
  border-radius: 8px;}
.pointCol__img--txt{
  display: inline-block;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 99px;
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 1.4rem;
  background: rgba(0,0,0,0.5);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);}
.pointCol__txt{
	font-size: 1.4rem;}
.pointCol__txt--ttl{
  margin: 20px 0;
  font-weight: normal;
  font-size: 2.0rem;}
.pointCol__txt--ttl span{
  vertical-align: middle;
  font-size: 3.8rem;}

.handlingColWrap--type1{
  padding: 30px 20px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  z-index: 0;}
.handlingColWrap--type1::before{
  content:"";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url("/content/dam/sites/wwwjalcojp/jp/en/jmb/life-status-program/img_sites/bg_handling-box.jpg");
  background-position: center;
  z-index: -1}

.handlingCol--type1{
  display: block;}

.handlingCol__box--type1{
  width: auto;
  padding: 30px 0;
  background: rgba(255,255,255,0.2);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);}

.handlingCol__box--type1:nth-of-type(n+2){
  margin-top: 10px;}

.handlingCol__box--type1 .btnWrap .btnM{
  width: 215px;
}

.handlingCol__box--txt--type1{
  margin: 20px 30px;
  text-align: left;
  font-size: 1.4rem;}

.headlingCol__ttlWrap{
  display: flex;
  align-items: center;
  margin: 0 30px 15px;}
.headlingCol__ttlWrap img{
  width: 58px;
  border-radius: 99px;}
.handlingCol__ttl{
  margin-left: 13px;
  font-size: 1.6rem;
  text-align: left;}

.handlingCol__img img{
  border-radius: 8px 8px 0 0;}

.handlingCol--type2{
  margin: 20px 0;
  border-radius: 8px;
  background-color: #936e48;
  text-align: left;}
.handlingCol--type2:nth-of-type(n+2){
  margin-top: 50px;}
.handlingCol__txt--ttl{
  font-size: 2.9rem;
  font-weight: normal;
  margin-bottom: 15px;}
.handlingCol__txt{
  width: auto;
  padding: 10px 30px 40px;}

.handlingCol__txt--box{
  margin: 20px 0 10px;
  padding: 20px 15px;
  border:1px solid #cdb49a;
  border-radius: 8px;}

.handlingCol__txt--box li.list__item span:first-of-type {
    margin-bottom: 0;}
.handlingCol__txt--box li.list__item span:nth-of-type(n+2) {
    margin-top: 0;}
.gradeCol__txt{
  margin-top: 30px;
  font-size: 1.6rem;}
.guideCol{
  display: flex;
  flex-direction: column-reverse;
  border-radius: 8px;}
.guideCol p{
  margin-top: 10px;}
.guideCol__img img{
  border-radius: 8px;}
.memberColWrap{
  margin-top:30px; }
.memberCol__table{
  margin-top: 40px;}
.memberCol__table--list {
    color: #c7b7a8;}

@media all and (min-width: 767.5px) {
.featureCol{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;}
.featureCol__txt{
  width: calc(100%/2);
  margin: 0;
  padding: 0 26px 0 77px;}
.featureCol__txt--ttl{
  margin: 0 0 15px;
  font-size: 2.8rem;
  font-weight: normal;}
.featureCol__no{
  width: 78px;
  height: 78px;
  position: absolute;
  padding: 26px;
  top: 30px;
  right: 30px;
  left: auto;
  background-color: #333;
  border-radius: 99px;}
.featureCol__img,.handlingCol__img{
  display: flex;}
.featureCol__img img{
  border-radius: 0 8px 8px 0;}

.pointCol,.gradeCol,.guideCol,
.memberCol{
  display: flex;
  justify-content: space-between;}
.pointCol__box,.gradeCol__box{
  width: calc((100%/2) - 12px);}
.pointCol__box:nth-of-type(n+2),
.gradeCol__box:nth-of-type(n+2){
  margin-top: 0;}
.pointCol__img img,.gradeCol__img img,
.guideCol__img img{
  border-radius: 8px;}
.pointCol__img--txt{
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 1.2rem;}
.pointCol__txt{
	font-size: 1.4rem;}
.pointCol__txt--ttl{
  margin: 15px 0 0;
  font-weight: normal;
  font-size: 2.4rem;}
.pointCol__txt--ttl span{
	font-size: 4.8rem;}
.handlingColWrap--type1{
  padding: 60px 75px;}
.handlingColWrap--type1::before{
  content:"";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url("/content/dam/sites/wwwjalcojp/jp/en/jmb/life-status-program/img_sites/bg_handling-box.jpg");
  z-index: -1}
.handlingCol--type1{
  display: flex;
  justify-content:space-between;}
.handlingCol__box--type1{
  width: calc((100%/2) - 12px);
  padding: 25px;
  background: rgba(255,255,255,0.2);
  border-radius: 8px;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);}
.handlingCol__box--type1:nth-of-type(n+2){
	margin-top: 0px;}
.handlingCol__box--txt--type1{
  margin: 0;}
.handlingCol__box--type1 .btnWrap{
  text-align: left;
}
.handlingCol__box--type1 .btnWrap .btnM{
  width: 280px;
}
.handlingCol__box--txt--type1{
  margin: 0;
  height: 105px;}
.headlingCol__ttlWrap{
  display: flex;
  align-items: center;
  margin: 0 0 15px;}
.headlingCol__ttlWrap img{
  width: 80px;
border-radius: 99px;}
.handlingCol__ttl{
  margin-left: 15px;
  font-size: 2.0rem;
  text-align: left;}
.handlingCol__img img{
  border-radius: 8px 0 0 8px;}

.handlingCol--type2{
  border-radius: 8px;
  background-color: #936e48;
  text-align: left;}
.handlingCol--type2:nth-of-type(n+2){
  margin-top: 20px;}

.handlingCol--type2{
  display: flex;
  justify-content:space-between;
  text-align: left;}
.handlingCol__txt{
  width: 730px;
  padding: 50px 78px 50px 23px;}
.handlingCol__txt--box{
  margin: 20px 0 10px;
  padding: 20px 30px;
  border:1px solid #cdb49a;
  border-radius: 8px;}
.gradeCol__txt{
  margin-top: 20px;
  font-size: 1.4rem;}
.guideCol{
  flex-direction: row;}
.guideCol p{
  margin-top: 0;}
.guideCol__txt,.guideCol__img,
.memberCol__txt,.memberCol__table{
  width: calc((100%/2) - 12px);}
.guideCol__txt{
  font-size: 1.6rem;}

.memberColWrap{
  margin-top:60px; }
.memberCol__table{
  margin-top: 0;}
.memberCol__txt p{
  font-size: 2.0rem;
	}}

/* ----------------------------------------------------------------
  Card
----------------------------------------------------------------- */
.card {
  position: relative; }

.card__img img {
  width: 100%;
  height: auto; }

.card__no {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #fff; }

.card__no__txt {
  color: #333; }

.card__txtWrap {
  position: absolute;
  bottom: 0;
  padding: 0 20px 30px; }

/* ----------------------------------------------------------------
  sepCard
----------------------------------------------------------------- */
.sepCard {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden; }

.sepCard__top,
.sepCard__bottom {
  position: relative; }

.sepCard__labelWrap {
  position: absolute;
  top: 0; }

.sepCard__txtWrap {
  position: absolute;
  bottom: 0;
  left: 0; }

.sepCard__img img {
  width: 100%;
  vertical-align: bottom; }

/* ----------------------------------------------------------------
  Utility
----------------------------------------------------------------- */
/* layout
----------------------------------------------------------------- */
.disBlo {
  display: block !important; }

.disInl {
  display: inline !important; }

.disInB {
  display: inline-block !important; }

.disnon {
  display: none !important; }

.visHid {
  visibility: hidden !important; }

.visVis {
  visibility: visible !important; }

@media all and (min-width: 767.5px) {
  .pc-disnon,.table--sp {
    display: none !important; } 
  .table--sp:nth-of-type(n+2){
	margin-top: -1px;}}
@media all and (max-width: 767.5px) {
  .sp-disnon,.table--pc {
    display: none !important; } 
   .table--sp:nth-of-type(n+2){
	margin-top: 30px;}}
/* position
----------------------------------------------------------------- */
.u-posSt {
  position: static !important; }

.u-posAb {
  position: absolute !important; }

.u-posRe {
  position: relative !important; }

/* width
----------------------------------------------------------------- */
.u-w10 {
  width: 10% !important; }

.u-w20 {
  width: 20% !important; }

.u-w30 {
  width: 30% !important; }

.u-w40 {
  width: 40% !important; }

.u-w50 {
  width: 50% !important; }

.u-w60 {
  width: 60% !important; }

.u-w70 {
  width: 70% !important; }

.u-w80 {
  width: 80% !important; }

.u-w90 {
  width: 90% !important; }

.u-w100 {
  width: 100% !important; }

/* font-weight
----------------------------------------------------------------- */
.u-fwN {
  font-weight: normal !important; }

.u-fwB {
  font-weight: bold !important; }

/* text-align
----------------------------------------------------------------- */
.u-alL {
  text-align: left !important; }

.u-alC {
  text-align: center !important; }

@media all and (min-width: 767.5px) {
.u-alC--pc {
  text-align: center !important; }}

.u-alR {
  text-align: right !important; }

/* Font color
----------------------------------------------------------------- */
.fcJR {
  color: #c00 !important; }

/*JAL Red*/
.fcJB {
  color: #000 !important; }

/*JAL Black*/
.fcJS {
  color: #ccc !important; }

/*JAL Silver*/
.fcJW {
  color: #fff !important; }

/*JAL White*/

/* margin
----------------------------------------------------------------- */
.mgt0{
	margin-top: 0 !important; }
.mgt10{
	margin-top: 10px !important; }
.mgt20{
	margin-top: 20px !important; }
.mgt30{
	margin-top: 30px !important; }
.mgt40{
	margin-top: 40px !important; }
.mgt50{
	margin-top: 50px !important; }
.mgt60{
	margin-top: 60px !important; }
.mgt70{
	margin-top: 70px !important; }
.mgt80{
	margin-top: 80px !important; }
.mgt90{
	margin-top: 90px !important; }
.mgt100{
	margin-top: 100px !important; }

/* others
----------------------------------------------------------------- */
.v-alT{
	vertical-align: top !important;}
.u-tdU{
	display: inline!important;
	text-decoration: underline !important;
	margin-left: 0 !important;}

  small{
	font-size: 85%;}

@media all and (min-width: 767.5px) {
  small{
	font-size: 75%;}} 


/* hero
----------------------------------------------------------------- */
.hero {
  position: relative;
  background: #B52B44;
}
.heroScrollAnmWrap {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 212px 20px 212px 20px 212px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 11px;
  row-gap: 11px;
  grid-column-gap: 11px;
  -webkit-column-gap: 11px;
  height: 300px;
  margin-left: -15px;
  z-index: 0;
  overflow: hidden;
}
.heroScrollAnmWrap.is-pause .heroScrollAnm__list {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.heroScrollAnmWrap.is-pauseOld .heroScrollAnm__list {
  -webkit-animation: none !important;
  animation: none !important;
}

.heroScrollAnm__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.heroScrollAnm__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
}

/* .heroScrollAnm__list--btt {
  -webkit-animation: infinity-scroll-btt 15s infinite linear 0.5s both;
          animation: infinity-scroll-btt 15s infinite linear 0.5s both;
}
.heroScrollAnm__list--btt .heroScrollAnm__item {
  margin-top: -25%;
  margin-bottom: 25%;
}

.heroScrollAnm__list--ttb {
  -webkit-animation: infinity-scroll-ttb 15s infinite linear 0.5s both;
          animation: infinity-scroll-ttb 15s infinite linear 0.5s both;
}
.heroScrollAnm__list--ttb .heroScrollAnm__item {
  margin-top: -100%;
  margin-bottom: 100%;
} */

.heroScrollAnm__item {
  position: relative;
  width: 107vw;
  padding: 10px 0;
  /* border-radius: 4px; */
  overflow: hidden;
}
.heroScrollAnm__item::before {
  content: "";
  display: block;
  padding-top: 143.4%;
}

.heroScrollAnm__item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* border-radius: 4px; */
  overflow: hidden;
  vertical-align: text-bottom;
  z-index: 0;
}

.heroScrollAnm__btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 30px;
  height: 30px;
  background: rgba(0,0,0,0.7);
  border-radius: 50px;
}
.heroScrollAnm__btn img {
  width: auto;
}
.heroScrollAnm__btn__play {
  display: inline-block;
  margin-right: -0.2em;
}

.heroScrollAnm__btn:not(.is-pause) .heroScrollAnm__btn__play {
  display: none;
}
.heroScrollAnm__btn.is-pause .heroScrollAnm__btn__pause {
  display: none;
}
button.heroScrollAnm__btn{
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (min-width: 767.5px) {
  .heroScrollAnmWrap  {
    position: absolute;
    left: 714px;
    height: 560px;
    margin: 0;
    gap: 20px;
  }
  .hero__inner {
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: 1200px;
    min-width: 1200px;
    width: 100%;
    height: 560px;
    margin: 0 auto;
  }
  .heroScrollAnm__wrap {
    height: 560px;
  }
  .heroScrollAnm__item {
    width: 570px;
    padding: 20px 0;
  }
  .heroScrollAnm__btn {
    position: absolute;
    right: calc(160px + 36px);
    bottom: 40px;
  }
}

@-webkit-keyframes infinity-scroll-btt {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes infinity-scroll-btt {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes infinity-scroll-ttb {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes infinity-scroll-ttb {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.heroTxtArea {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: auto;
  padding: 26px 20px 15px;
  color: #fff;
}
.heroTxtArea__inner {
  position: relative;
  z-index: 1;
}
.hdg--typeMv .hdg__txt {
  margin-bottom: 0;
  font-size: 2.8rem;
  line-height: 1.4;
}
.heroTxtArea p{
  line-height: 2.0;
}
.heroTxt--type1 {
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.heroTxt {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
}

.heroDate {
  margin-top: 16px;
  font-size: 1rem;
  line-height: 1.2;
}

@media all and (min-width: 767.5px) {
  .heroTxtArea {
    justify-content: center;
    height: auto;
    margin: 0;
    padding: 0;
    width: 714px;
  }
  .hdg--typeMv .hdg__txt {
    font-size: 6rem;
  }
  .heroTxt--type1 {
    font-size: 4rem;
    line-height: 1.5;
  }
  .heroTxt {
    font-size: 2.2rem;
  }
  .heroDate {
    margin-top: 48px;
    font-size: 1.4rem;
  }
}

@media all and (min-width: 767.5px) and (max-width: 1260px) {
  .hdg--typeMv .hdg__txt {
    font-size: 6.0rem;
  }
}

/* ----------------------------------------------------------------
  lottie
----------------------------------------------------------------- */
.lottie {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
}

.lottie__inner {
  position: relative;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}

.lottie__item {
  position: absolute;
  z-index: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  top: 40vh;
  left: 0;
  right: 0;
  bottom: auto;
}

.lottie:not(.is-active) .lottie__item.is-active {
  height: 10px;
}

@media all and (max-width: 767.5px) {
  .lottie--hero_ripples .lottie__item {
    width: 90.67vw;
    height: auto;
    top: 0;
  }
  .lottie--hero_ripples .lottie__item--l {
    top: 0;
    left: -85%;
    right: 0;
    -webkit-transform: translate(0, 40%) rotate(180deg);
            transform: translate(0, 40%) rotate(180deg);
  }
  .lottie--hero_ripples .lottie__item--r {
    top: 0;
    left: 0;
    right: -95%;
    -webkit-transform: translate(0, -40%);
            transform: translate(0, -40%);
  }
  .lottie--ripples--btm .lottie__inner {
    top: 41%;
  }
  .lottie--ripples .lottie__item.is-active {
    width: 102.93vw;
    height: auto;
    top: 0;
  }
  .lottie--ripples .lottie__item--l.is-active {
    top: 0;
    left: -85%;
    right: 0;
    -webkit-transform: translate(0, calc(-100% + 173%)) rotate(180deg);
            transform: translate(0, calc(-100% + 173%)) rotate(180deg);
  }
  .lottie--ripples .lottie__item--r.is-active {
    top: 0;
    left: 0;
    right: -85%;
    -webkit-transform: translate(0, calc(-100% + 260px));
            transform: translate(0, calc(-100% + 260px));
  }
  .lottie--stripe .lottie__item.is-active {
    width: 224.4vw;
    height: auto;
    top: 0;
  }
  .lottie--stripe.is-active .lottie__item--l {
    top: auto;
    bottom: 0;
    left: -253%;
    right: 0;
    -webkit-transform: translate(0, 80%) rotate(180deg);
            transform: translate(0, 80%) rotate(180deg);
  }
  .lottie--stripe .lottie__item--r.is-active {
    top: 0;
    left: 0;
    right: -253%;
    -webkit-transform: translate(0, -80%);
            transform: translate(0, -80%);
  }
  .lottie--circlein2 .lottie__item.is-active {
    width: 224.4vw;
    height: auto;
    top: auto;
  }
  .lottie--circlein2 .lottie__item--l.is-active {
    width: 112.9vw;
    top: 0;
    left: -165%;
    right: 0;
    -webkit-transform: translate(0, 45%);
            transform: translate(0, 45%);
  }
  .lottie--circlein2 .lottie__item--l2 {
    top: 30%;
  }
  .lottie--circlein2 .lottie__item--l2.is-active {
    width: 112.9vw;
    top: 0;
    left: 0;
    right: -135%;
    -webkit-transform: translate(0, 210%) rotate(180deg);
            transform: translate(0, 210%) rotate(180deg);
  }
  .lottie--circlein2 .lottie__item--r.is-active {
    width: 158vw;
    top: 0;
    left: 0;
    right: -135%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .lottie--circlein3--btm .lottie__inner {
    top: 52.4%;
  }
  .lottie--circlein3 .lottie__item.is-active {
    width: 80vw;
    height: auto;
    top: 0;
    bottom: auto;
  }
  .lottie--circlein3 .lottie__item--l.is-active {
    top: 0;
    left: -90%;
    right: 0;
    -webkit-transform: translate(0, calc(-100% + 194%));
            transform: translate(0, calc(-100% + 194%));
  }
  .lottie--circlein3 .lottie__item--r.is-active {
    top: 0;
    left: 0;
    right: -90%;
    -webkit-transform: translate(0, calc(-100% + 66%));
            transform: translate(0, calc(-100% + 66%));
  }
  .lottie--circlerotate .lottie__item.is-active {
    top: 0;
    bottom: auto;
    height: auto;
  }
  .lottie--circlerotate .lottie__item--l {
    top: auto;
    bottom: 20vh;
  }
  .lottie--circlerotate .lottie__item--l.is-active {
    width: 86vw;
    top: auto;
    bottom: 0;
    left: -90%;
    right: 0;
    -webkit-transform: translate(0, calc(100% - 282px)) rotate(180deg);
            transform: translate(0, calc(100% - 282px)) rotate(180deg);
  }
  .lottie--circlerotate .lottie__item--r.is-active {
    width: 112vw;
    top: 0;
    left: 0;
    right: -110%;
    -webkit-transform: translate(0, calc(-100% + 303px));
            transform: translate(0, calc(-100% + 303px));
  }
  .lottie--zigzag .lottie__item.is-active {
    width: 146.21vw;
    height: auto;
    top: 0;
    bottom: auto;
  }
  .lottie--zigzag .lottie__item--t.is-active {
    left: 5%;
    right: 0;
    -webkit-transform: translate(0, calc(-100% + 87%));
            transform: translate(0, calc(-100% + 87%));
  }
  .lottie--zigzag .lottie__item--b {
    top: 80%;
  }
  .lottie--zigzag .lottie__item--b.is-active {
    bottom: 0;
    left: -35%;
    right: 0;
    -webkit-transform: translate(0, calc(-100% + 118%)) rotate(-10deg);
            transform: translate(0, calc(-100% + 118%)) rotate(-10deg);
  }
}
@media all and (min-width: 767.5px) {
  .lottie--hero_ripples .lottie__inner {
    width: 714px;
  }
  .lottie--hero_ripples .lottie__item {
    width: 570px;
    height: auto;
    top: 0;
  }
  .lottie--hero_ripples .lottie__item--l {
    top: 0;
    left: -64%;
    right: auto;
    -webkit-transform: translate(0, 30%) rotate(180deg);
            transform: translate(0, 30%) rotate(180deg);
  }
  .lottie--hero_ripples .lottie__item--r {
    top: 0;
    left: 0;
    right: -50%;
    -webkit-transform: translate(0, -40%);
            transform: translate(0, -65%);
  }
  .lottie--ripples.is-active .lottie__item {
    width: 690px;
    height: auto;
    top: 0;
    bottom: auto;
  }
  .lottie--ripples .lottie__item--l.is-active {
    top: 0;
    left: -93%;
    right: 0;
    -webkit-transform: translate(0, calc(100% + 280px)) rotate(180deg);
            transform: translate(0, calc(100% + 280px)) rotate(180deg);
  }
  .lottie--ripples .lottie__item--r.is-active {
    right: -93%;
    left: 0;
    -webkit-transform: translate(0, calc(-100% + 418px));
            transform: translate(0, calc(-100% + 418px));
  }
  .lottie--stripe.is-active .lottie__item {
    width: 1558px;
    height: auto;
    top: 0;
    bottom: auto;
  }
  .lottie--stripe .lottie__item {
    opacity: 0;
  }
  .lottie--stripe .lottie__item--l.is-active {
    top: auto;
    bottom: 0;
    left: -185%;
    right: 0;
    -webkit-transform: translate(0, calc(100% - 400px)) rotate(180deg);
            transform: translate(0, calc(100% - 400px)) rotate(180deg);
    opacity: 1;
  }
  .lottie--stripe .lottie__item--r.is-active {
    top: 0;
    left: 0;
    right: -185%;
    -webkit-transform: translate(0, calc(-100% + 400px));
            transform: translate(0, calc(-100% + 400px));
    opacity: 1;
  }
  .lottie--circlein3.is-active .lottie__item {
    width: 500px;
    height: auto;
    top: 0;
    bottom: auto;
    z-index: -1;
  }
  .lottie--circlein3 .lottie__item--l.is-active {
    top: 0;
    left: -94%;
    right: 0;
    -webkit-transform: translate(0, 350px);
            transform: translate(0, 350px);
  }
  .lottie--circlein3 .lottie__item--r.is-active {
    top: 0;
    left: 0;
    right: -83%;
    -webkit-transform: translate(0, -70px);
            transform: translate(0, -70px);
  }
  .lottie--circlein2 .lottie__item {
    height: auto;
    top: 50vh;
    bottom: auto;
    opacity: 0;
  }
  .lottie--circlein2 .lottie__item--l.is-active {
    width: 640px;
    top: 0;
    left: -130%;
    right: 0;
    -webkit-transform: translate(0, 800px);
            transform: translate(0, 800px);
    opacity: 1;
  }
  .lottie--circlein2 .lottie__item--r.is-active {
    width: 700px;
    top: 0;
    right: -106%;
    left: 0;
    -webkit-transform: translate(0, -350px) rotate(-15deg);
            transform: translate(0, -350px) rotate(-15deg);
    opacity: 1;
  }
  .lottie--circlein2.is-active .lottie__item--r2 {
    width: 700px;
    top: auto;
    bottom: 0;
    right: -120%;
    left: 0;
    -webkit-transform: translate(0, 130px) rotate(15deg);
            transform: translate(0, 130px) rotate(15deg);
    opacity: 1;
  }
  .lottie--circlein3--btm .lottie__inner {
    top: 50.5%;
  }
  .lottie--circlein3--btm .lottie__item--l.is-active {
    left: -82%;
    -webkit-transform: translate(0, 600px);
            transform: translate(0, 600px);
  }
  .lottie--circlein3--btm .lottie__item--r.is-active {
    right: -97%;
  }
  .lottie--circlerotate .lottie__item {
    top: 40vh;
    bottom: auto;
  }
  .lottie--circlerotate .lottie__item.is-active {
    height: auto;
  }
  .lottie--circlerotate .lottie__item--l.is-active {
    width: 420px;
    top: auto;
    bottom: 0;
    left: -106%;
    right: 0;
    -webkit-transform: translate(0, 160px) rotate(152deg);
            transform: translate(0, 160px) rotate(152deg);
  }
  .lottie--circlerotate .lottie__item--r.is-active {
    width: 420px;
    top: 0;
    left: 0;
    right: -90%;
    -webkit-transform: translate(0, -138px);
            transform: translate(0, -138px);
  }
  .lottie--zigzag.is-active .lottie__item {
    width: 736px;
    height: auto;
    top: 0;
    bottom: auto;
  }
  .lottie--zigzag .lottie__item--l.is-active {
    top: auto;
    bottom: 0;
    left: -88.6%;
    right: 0;
    -webkit-transform: translate(0, 97px);
            transform: translate(0, 97px);
  }
  .lottie--zigzag .lottie__item--r.is-active {
    right: -94%;
    left: 0;
    -webkit-transform: translate(0, calc(-100% + 514px));
            transform: translate(0, calc(-100% + 514px));
  }
}
@media all and (max-width: 1200px) and (min-width: 767.5px) {
  .lottie--ttl .lottie__item {
    height: 220px;
  }
}
@media all and (max-width: 1366px) and (min-width: 1200px) {
  .lottie--ttl .lottie__item {
    height: 18.3vw;
  }
}
}