/*

.c5-pc

*/
.c5-pc {
  display: block; }
  @media screen and (max-width: 639px) {
    .c5-pc {
      display: none; } }

.c5-sp {
  display: none; }
  @media screen and (max-width: 639px) {
    .c5-sp {
      display: block; } }

/*

.c5-mv

*/
.c5-mv {
  display: flex;
  background: url(../images/kv_bg.jpg) no-repeat;
  background-size: 100% 100%;
  height: 605px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 20px; }
  @media screen and (max-width: 639px) {
    .c5-mv {
      height: auto;
      padding: 40px 20px; } }
  .c5-mv .c5-mvTxt {
    max-width: 885px;
    width: 100%;
    transform: translateY(3.5%); }
    @media screen and (max-width: 639px) {
      .c5-mv .c5-mvTxt {
        transform: translateY(0); } }

/*

.c5-anchor

*/
.c5-anchor {
  width: 100%;
  display: flex;
  gap: 0 20px;
  padding: 0;
  margin: 20px 0; }
  @media screen and (max-width: 639px) {
    .c5-anchor {
      display: block; } }
  .c5-anchor li {
    width: 25%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 2px solid #2f353e;
    box-sizing: border-box; }
    @media screen and (max-width: 639px) {
      .c5-anchor li {
        width: 100%;
        margin-top: -2px; } }
    .c5-anchor li a {
      box-sizing: border-box;
      padding: 8px 0 20px 0;
      line-height: 1.4;
      display: block;
      width: 100%;
      text-align: center;
      position: relative;
      font-weight: bold; }
      @media screen and (max-width: 639px) {
        .c5-anchor li a {
          font-size: 14px; } }
      .c5-anchor li a:hover {
        text-decoration: none;
        color: #2f353d;
        opacity: 0.7; }
      .c5-anchor li a:after {
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        display: block;
        width: 16px;
        height: 9px;
        background: url(../images/icon_arrow_btm.svg) no-repeat;
        background-size: contain; }

/*

.c5-anchorPoint

*/
.c5-anchorPoint {
  max-width: 1260px;
  width: 100%;
  display: flex;
  gap: 0 20px;
  padding: 0 30px;
  margin: 7% auto;
  color: #ffffff;
  box-sizing: border-box; }
  @media screen and (max-width: 639px) {
    .c5-anchorPoint {
      display: block; } }
  .c5-anchorPoint li {
    width: 25%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    position: relative; }
    @media screen and (max-width: 639px) {
      .c5-anchorPoint li {
        width: 100%;
        font-size: 14px;
        margin-top: -2px; } }
    .c5-anchorPoint li .c5-anchorPointLabel {
      font-size: 11px;
      color: #2f353d;
      background: #ffffff;
      padding: 1px 5px;
      position: absolute;
      left: -2px;
      top: -19px;
      font-weight: bold;
      display: inline-block; }
      @media screen and (max-width: 639px) {
        .c5-anchorPoint li .c5-anchorPointLabel {
          top: 0; } }
    .c5-anchorPoint li a {
      box-sizing: border-box;
      padding: 8px 0 20px 0;
      line-height: 1.4;
      display: block;
      width: 100%;
      text-align: center;
      position: relative;
      font-weight: bold; }
      .c5-anchorPoint li a:hover {
        opacity: 0.7;
        text-decoration: none;
        color: #fff; }
      .c5-anchorPoint li a:after {
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        display: block;
        width: 16px;
        height: 9px;
        background: url(../images/icon_arrow_btm_w.svg) no-repeat;
        background-size: contain; }

/*

.c5-title

*/
.c5-title {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-top: 15%;
  margin-bottom: 8%; }
  .c5-title.c5-title--narrow {
    margin-bottom: 2%; }
    @media screen and (max-width: 639px) {
      .c5-title.c5-title--narrow {
        margin-bottom: 20px; } }
  .c5-title.c5-title--narrow2 {
    margin-bottom: 5.5%; }
    @media screen and (max-width: 639px) {
      .c5-title.c5-title--narrow2 {
        margin-bottom: 20px; } }
  .c5-title h2 {
    font-size: 50px;
    font-size: 4.16667vw;
    margin: 0;
    padding: 0;
    color: #ffffff;
    display: inline-block;
    text-decoration-line: underline;
    text-decoration-thickness: 5px;
    text-decoration-color: #fffe64; }
    @media screen and (min-width: 1200px) {
      .c5-title h2 {
        font-size: 50px; } }
    @media screen and (max-width: 639px) {
      .c5-title h2 {
        font-size: 20px; } }

/*

.c5-title2

*/
.c5-title2 {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 3%;
  padding: 0 30px; }
  .c5-title2 h3 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-size: 2vw;
    color: #ffffff; }
    @media screen and (min-width: 1200px) {
      .c5-title2 h3 {
        font-size: 24px; } }
    @media screen and (max-width: 639px) {
      .c5-title2 h3 {
        font-size: 16px; } }
    @media screen and (max-width: 639px) {
      .c5-title2 h3.c5-table_subTitle2 {
        font-size: 14px; } }
  .c5-title2.c5-title2--middle {
    margin-bottom: 3%; }
    .c5-title2.c5-title2--middle h3 {
      font-size: 18px; }
  .c5-title2.c5-title2--small {
    margin-bottom: 1.5%; }
    .c5-title2.c5-title2--small h3 {
      font-size: 16px; }

/*

.c5-title3

*/
.c5-title3 {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 5% 0 0 0;
  margin-bottom: 2%; }
  .c5-title3 h3 {
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-size: 2.66667vw;
    color: #ffffff; }
    @media screen and (min-width: 1200px) {
      .c5-title3 h3 {
        font-size: 32px; } }
    @media screen and (max-width: 639px) {
      .c5-title3 h3 {
        font-size: 18px; } }

/*

.c5-p

*/
.c5-p {
  text-align: center;
  color: #ffffff;
  font-size: 20px; }
  @media screen and (max-width: 639px) {
    .c5-p {
      font-size: 16px;
      margin: 0 20px; } }

/*

.c5-bgBlack

*/
.c5-bgBlack {
  padding: 0 0 15% 0;
  background: #2f353d;
  color: #ffffff;
  overflow: hidden; }

/*

.c5-bgWhite

*/
.c5-bgWhite {
  padding: 0 0 15% 0;
  background: #ffffff;
  color: #2f353d; }
  @media screen and (max-width: 639px) {
    .c5-bgWhite {
      padding: 0 30px; } }
  .c5-bgWhite .c5-title h2,
  .c5-bgWhite .c5-title3 h3,
  .c5-bgWhite .c5-p,
  .c5-bgWhite .c5-title2 h3 {
    color: #2f353d; }

/*

.c5-avatar

*/
.c5-avatar {
  max-width: 1260px;
  box-sizing: border-box;
  color: #ffffff;
  padding: 0 30px;
  margin: 6% auto 6% auto; }
  .c5-avatar li {
    list-style-type: none;
    margin: 2% 0; }
    .c5-avatar li.c5-avatarTop--center dl {
      align-items: center; }
    .c5-avatar li dl {
      display: flex; }
      .c5-avatar li dl dt {
        width: 100px;
        text-align: center;
        font-size: 0; }
        @media screen and (max-width: 639px) {
          .c5-avatar li dl dt {
            width: 80px; } }
        .c5-avatar li dl dt img {
          width: 100px; }
          @media screen and (max-width: 639px) {
            .c5-avatar li dl dt img {
              width: 80px; } }
        .c5-avatar li dl dt span {
          display: block;
          font-size: 11px;
          letter-spacing: -0.1em;
          margin-top: 5px;
          white-space: nowrap; }
          @media screen and (max-width: 639px) {
            .c5-avatar li dl dt span {
              font-size: 10px; } }
      .c5-avatar li dl dd {
        margin-left: 20px; }
  .c5-avatar .c5-avatarBox {
    font-size: 24px;
    font-size: 2vw;
    background: rgba(255, 255, 255, 0.1);
    border: 1px dashed #ffffff;
    line-height: 1.3;
    padding: 15px; }
    @media screen and (min-width: 1200px) {
      .c5-avatar .c5-avatarBox {
        font-size: 24px; } }
    @media screen and (max-width: 639px) {
      .c5-avatar .c5-avatarBox {
        font-size: 14px; } }
    .c5-avatar .c5-avatarBox p {
      margin: 0;
      padding: 0;
      line-height: 38px; }
      .c5-avatar .c5-avatarBox p + p {
        margin-top: 20px; }
    .c5-avatar .c5-avatarBox u {
      text-decoration-line: underline;
      text-decoration-thickness: 3px;
      text-decoration-color: #fffe64;
      text-underline-offset: 7px; }
    .c5-avatar .c5-avatarBox small {
      font-size: 12px;
      display: inline-block;
      line-height: 1.7; }
      @media screen and (max-width: 639px) {
        .c5-avatar .c5-avatarBox small {
          font-size: 10px; } }
  .c5-avatar .c5-avatarBtm div {
    display: flex; }
    @media screen and (max-width: 639px) {
      .c5-avatar .c5-avatarBtm div {
        flex-direction: column; } }
  .c5-avatar .c5-avatarBtm dl {
    flex-direction: row-reverse; }
    .c5-avatar .c5-avatarBtm dl dd {
      margin-left: 0;
      margin-right: 20px;
      flex-direction: column; }
  @media screen and (max-width: 639px) {
    .c5-avatar .c5-avatarBtm .c5-pointIcon {
      margin-top: 50px; } }
  .c5-avatar .c5-avatarBtm .c5-pointIcon--fx {
    flex-direction: column;
    margin-right: 10px; }
    @media screen and (max-width: 639px) {
      .c5-avatar .c5-avatarBtm .c5-pointIcon--fx {
        margin-top: 16px;
        flex-direction: row; } }
    .c5-avatar .c5-avatarBtm .c5-pointIcon--fx p {
      margin: 10px 10px 10px 0; }
    .c5-avatar .c5-avatarBtm .c5-pointIcon--fx .c5-pointIcon-fx3, .c5-avatar .c5-avatarBtm .c5-pointIcon--fx .c5-pointIcon-fx3-only {
      background-color: #137bf1;
      padding: 0 16px 0 16px;
      margin-top: 0; }
    .c5-avatar .c5-avatarBtm .c5-pointIcon--fx .c5-pointIcon-fx2 {
      background-color: #198cce;
      padding: 0 16px 0 16px;
      margin-top: 0; }
    .c5-avatar .c5-avatarBtm .c5-pointIcon--fx .c5-pointIcon-fx30 {
      background-color: #5fc0e4;
      padding: 0 11px 0 11px;
      margin-top: 0; }
    @media screen and (max-width: 639px) {
      .c5-avatar .c5-avatarBtm .c5-pointIcon--fx .c5-pointIcon-fx3-only {
        margin-top: 10px; } }

/*

.c5-2colYouTube

*/
.c5-2colYouTube {
  max-width: 1260px;
  width: 100%;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  gap: 0 5%;
  box-sizing: border-box;
  margin: auto; }
  @media screen and (max-width: 639px) {
    .c5-2colYouTube {
      display: block; } }
  .c5-2colYouTube .c5-2colYouTubeCell {
    width: 50%;
    aspect-ratio: 16 / 9; }
    @media screen and (max-width: 639px) {
      .c5-2colYouTube .c5-2colYouTubeCell {
        width: 100%;
        margin-bottom: 20px; } }
    .c5-2colYouTube .c5-2colYouTubeCell iframe {
      width: 100%;
      height: 100%; }

/*

.c5-1colImg

*/
.c5-1colImg {
  text-align: center;
  padding: 0 30px;
  margin-bottom: 9.5%; }
  @media screen and (max-width: 639px) {
    .c5-1colImg {
      margin-bottom: 0; } }
  .c5-1colImg img {
    max-width: 440px;
    width: 100%; }
    @media screen and (max-width: 639px) {
      .c5-1colImg img {
        max-width: 100%; } }
  .c5-1colImg.c5-1colImg--wide img {
    max-width: 1000px; }

/*

.c5-2colImg

*/
.c5-2colImg {
  max-width: 1260px;
  width: 100%;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  gap: 0 5%;
  box-sizing: border-box;
  margin: auto;
  margin-bottom: 9.5%;
  align-items: end; }
  @media screen and (max-width: 639px) {
    .c5-2colImg {
      display: block;
      margin-bottom: 0; } }
  .c5-2colImg .c5-2colImgCell {
    width: 50%;
    aspect-ratio: 16 / 9; }
    @media screen and (max-width: 639px) {
      .c5-2colImg .c5-2colImgCell {
        width: 100%;
        margin-bottom: 20px; } }
    .c5-2colImg .c5-2colImgCell img {
      width: 100%; }

/*

.c5-titlePoint

*/
.c5-titlePoint {
  position: relative;
  text-align: center;
  max-width: 1260px;
  padding: 0 30px;
  box-sizing: border-box;
  line-height: 0;
  font-size: 0;
  margin: 6% auto 30px auto; }
  .c5-titlePoint h3 {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0; }
    .c5-titlePoint h3 img {
      width: 50%; }
      @media screen and (max-width: 639px) {
        .c5-titlePoint h3 img {
          width: 70%; } }
  .c5-titlePoint:after {
    content: "";
    display: block;
    width: calc(100% - 60px);
    height: 1px;
    background: #ffffff;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%); }

/*

.c5-pointImgTable

*/
.c5-pointImgTable {
  max-width: 1060px;
  box-sizing: border-box;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  margin: 0 auto; }
  @media screen and (max-width: 639px) {
    .c5-pointImgTable {
      display: block;
      width: 100%; } }
  .c5-pointImgTable .c5-pointImgTableLeft {
    flex: 1; }
    .c5-pointImgTable .c5-pointImgTableLeft img {
      max-width: 320px; }
      @media screen and (max-width: 639px) {
        .c5-pointImgTable .c5-pointImgTableLeft img {
          max-width: 100%;
          width: 100%;
          margin-bottom: 10px; } }
  .c5-pointImgTable .c5-pointImgTableRight {
    padding-left: 40px; }
    @media screen and (max-width: 639px) {
      .c5-pointImgTable .c5-pointImgTableRight {
        padding-left: 0; } }
    .c5-pointImgTable .c5-pointImgTableRight dl,
    .c5-pointImgTable .c5-pointImgTableRight dt,
    .c5-pointImgTable .c5-pointImgTableRight dd {
      margin: 0;
      padding: 0; }
    .c5-pointImgTable .c5-pointImgTableRight dt {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px; }
      @media screen and (max-width: 639px) {
        .c5-pointImgTable .c5-pointImgTableRight dt {
          font-size: 16px; } }
    .c5-pointImgTable .c5-pointImgTableRight dd {
      font-size: 13px; }

/*

.c5-pointLead

*/
.c5-pointLead {
  text-align: center; }
  .c5-pointLead dl,
  .c5-pointLead dt,
  .c5-pointLead dd {
    padding: 0;
    margin: 0; }
  .c5-pointLead dt {
    font-size: 20px;
    font-size: 1.66667vw;
    font-weight: normal; }
    @media screen and (min-width: 1200px) {
      .c5-pointLead dt {
        font-size: 20px; } }
    @media screen and (max-width: 639px) {
      .c5-pointLead dt {
        font-size: 14px; } }
  .c5-pointLead dd {
    font-size: 32px;
    font-size: 2.66667vw;
    font-weight: bold; }
    @media screen and (min-width: 1200px) {
      .c5-pointLead dd {
        font-size: 32px; } }
    @media screen and (max-width: 639px) {
      .c5-pointLead dd {
        font-size: 18px; } }

/*

.c5-osusumeListmg

*/
.c5-osusumeList {
  max-width: 1260px;
  display: flex;
  gap: 30px 20px;
  justify-content: space-between;
  padding: 0 30px;
  margin: 0 auto;
  box-sizing: border-box;
  flex-wrap: wrap; }
  @media screen and (max-width: 639px) {
    .c5-osusumeList {
      display: block; } }
  .c5-osusumeList li {
    padding: 0;
    margin: 0;
    width: calc(100% / 3 - 15px);
    list-style: none; }
    @media screen and (max-width: 639px) {
      .c5-osusumeList li {
        width: 100%;
        margin-bottom: 20px; } }
    .c5-osusumeList li img {
      max-width: 100%;
      margin-bottom: 5px; }
    .c5-osusumeList li span {
      font-size: 14px; }
    .c5-osusumeList li a:hover {
      opacity: 0.7;
      text-decoration: none;
      color: #ffffff; }

/*

.c5-js-more__more,
.c5-js-more__close

*/
.c5-js-more__more,
.c5-js-more__close {
  display: block;
  position: relative;
  font-size: 24px;
  padding-right: 50px;
  cursor: pointer;
  background: none;
  border: none;
  color: inherit;
  margin: 2em auto;
  text-align: center; }
  .c5-js-more__more:before, .c5-js-more__more:after,
  .c5-js-more__close:before,
  .c5-js-more__close:after {
    transition: all 0.5s;
    background: #ffffff;
    content: "";
    height: 2px;
    width: 30px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
  .c5-js-more__more:after,
  .c5-js-more__close:after {
    transform: rotate(90deg); }

.c5-js-more__close:after {
  transform: rotate(0deg); }

/*

.c5-lens3Col

*/
.c5-lens3Col {
  max-width: 1200px;
  display: flex;
  padding: 0 0;
  margin: 0 auto;
  box-sizing: border-box; }
  @media screen and (max-width: 639px) {
    .c5-lens3Col {
      display: block;
      margin: 15% auto; } }
  .c5-lens3Col li {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: calc(100% / 3); }
    @media screen and (max-width: 639px) {
      .c5-lens3Col li {
        width: 100%;
        margin: -50px 0; } }
  .c5-lens3Col .c5-lens3Col__img {
    font-size: 0;
    line-height: 0;
    background: radial-gradient(closest-side, #505050, rgba(80, 80, 80, 0)); }
    @media screen and (max-width: 639px) {
      .c5-lens3Col .c5-lens3Col__img {
        width: 30%; } }
    .c5-lens3Col .c5-lens3Col__img img {
      width: 100%;
      transform: scale(0.85); }
  @media screen and (max-width: 639px) {
    .c5-lens3Col .c5-lens3Col__button {
      text-align: center; } }
  .c5-lens3Col span {
    position: absolute;
    top: 76%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    background: #2d75c7;
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
    box-sizing: border-box;
    width: 180px; }
    @media screen and (max-width: 639px) {
      .c5-lens3Col span {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translateX(0%); } }
  @media screen and (max-width: 639px) {
    .c5-lens3Col a {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-right: 30px;
      box-sizing: border-box;
      width: 100%; } }

/*

.c5-lens__details

*/
.c5-lens__details {
  text-align: center;
  margin: 5% 0; }
  .c5-lens__details h3 {
    display: inline-block;
    position: relative;
    font-size: 24px;
    padding-right: 65px;
    cursor: pointer; }
    .c5-lens__details h3:before, .c5-lens__details h3:after {
      transition: all 0.5s;
      background: #ffffff;
      content: "";
      height: 2px;
      width: 30px;
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
    .c5-lens__details h3:after {
      transform: rotate(90deg); }
    .c5-lens__details h3.open:after {
      transform: rotate(0deg); }

/*

.c5-lens2Col

*/
.c5-lens__detailsCoontents {
  display: none; }

.c5-lens2Col {
  padding: 0;
  max-width: 1230px;
  margin: 0 auto;
  padding-right: 30px; }
  @media screen and (max-width: 639px) {
    .c5-lens2Col {
      padding: 0 30px; } }
  .c5-lens2Col li {
    margin: 0;
    padding: 5% 0;
    display: flex; }
    @media screen and (max-width: 639px) {
      .c5-lens2Col li {
        display: block;
        padding: 0;
        margin-bottom: 100px; } }
    .c5-lens2Col li .c5-lens2Col__cellLeft {
      width: 365px;
      flex: 1;
      background: radial-gradient(closest-side, #505050, rgba(80, 80, 80, 0)); }
      @media screen and (max-width: 639px) {
        .c5-lens2Col li .c5-lens2Col__cellLeft {
          max-width: 365px;
          width: 100%;
          margin: 0 auto;
          text-align: center; } }
      .c5-lens2Col li .c5-lens2Col__cellLeft img {
        max-width: 365px; }
    .c5-lens2Col li .c5-lens2Col__cellRight dl,
    .c5-lens2Col li .c5-lens2Col__cellRight dt,
    .c5-lens2Col li .c5-lens2Col__cellRight dd {
      padding: 0;
      margin: 0; }
    .c5-lens2Col li .c5-lens2Col__cellRight dt {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px; }
      @media screen and (max-width: 639px) {
        .c5-lens2Col li .c5-lens2Col__cellRight dt {
          font-size: 18px; } }
      .c5-lens2Col li .c5-lens2Col__cellRight dt span {
        font-weight: normal;
        display: block;
        font-size: 16px;
        margin-top: 10px; }
    .c5-lens2Col li .c5-lens2Col__cellRight dd p {
      padding: 0;
      margin: 0 0 20px 0; }
    @media screen and (max-width: 639px) {
      .c5-lens2Col li .c5-lens2Col__cellRight dd .c5-lens2Col__cellRightButton {
        text-align: center; } }

/*

.c5-banner2col

*/
.c5-banner2col {
  display: flex;
  align-items: center;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 60px 6% 60px; }
  @media screen and (max-width: 639px) {
    .c5-banner2col {
      display: block;
      padding: 0 30px 6% 30px; } }
  .c5-banner2col .c5-banner2col__cellLeft {
    width: calc(100% - 65%);
    line-height: 0;
    font-size: 0; }
    @media screen and (max-width: 639px) {
      .c5-banner2col .c5-banner2col__cellLeft {
        width: 100%;
        margin-bottom: 20px; } }
    .c5-banner2col .c5-banner2col__cellLeft img {
      width: 100%; }
  .c5-banner2col .c5-banner2col__cellRight {
    width: 65%;
    font-weight: bold;
    font-size: 18px;
    padding-left: 40px; }
    @media screen and (max-width: 639px) {
      .c5-banner2col .c5-banner2col__cellRight {
        width: 100%;
        padding-left: 0;
        font-size: 16px; } }
    .c5-banner2col .c5-banner2col__cellRight a {
      font-weight: normal;
      font-size: 16px;
      margin-top: 20px; }
  .c5-banner2col.c5-banner2col--small {
    border-bottom: none;
    max-width: 100%;
    padding: 40px; }
    @media screen and (max-width: 639px) {
      .c5-banner2col.c5-banner2col--small {
        padding: 0; } }
    .c5-banner2col.c5-banner2col--small .c5-banner2col__cellLeft {
      width: calc(100% - 73%); }
      @media screen and (max-width: 639px) {
        .c5-banner2col.c5-banner2col--small .c5-banner2col__cellLeft {
          width: 100%; } }
    .c5-banner2col.c5-banner2col--small .c5-banner2col__cellRight {
      width: 73%; }
      @media screen and (max-width: 639px) {
        .c5-banner2col.c5-banner2col--small .c5-banner2col__cellRight {
          width: 100%; } }
      .c5-banner2col.c5-banner2col--small .c5-banner2col__cellRight .c5-banner2col__link {
        margin-top: 10px;
        display: inline-block; }
  .c5-banner2col.c5-banner2col--large {
    border-bottom: none;
    max-width: 1200px;
    padding-bottom: 0; }
    @media screen and (max-width: 639px) {
      .c5-banner2col.c5-banner2col--large {
        padding-right: 0;
        padding-left: 0; } }
    .c5-banner2col.c5-banner2col--large .c5-banner2col__cellLeft {
      width: calc(100% - 57%); }
      @media screen and (max-width: 639px) {
        .c5-banner2col.c5-banner2col--large .c5-banner2col__cellLeft {
          width: 100%; } }
    .c5-banner2col.c5-banner2col--large .c5-banner2col__cellRight {
      width: 57%;
      font-size: 16px;
      font-weight: normal; }
      @media screen and (max-width: 639px) {
        .c5-banner2col.c5-banner2col--large .c5-banner2col__cellRight {
          width: 100%; } }
      .c5-banner2col.c5-banner2col--large .c5-banner2col__cellRight .c5-banner2col__link {
        margin-top: 10px;
        display: inline-block; }

.c5-banner2col-border {
  border-bottom: 1px solid #f0f0f0; }

/*

.c5-grayBg

*/
.c5-grayBg {
  background: #f0f0f0;
  max-width: 1200px;
  margin: 5% auto 5% auto;
  padding: 20px;
  box-sizing: border-box; }

/*

.c5-grayBg2

*/
.c5-grayBg2 {
  background: #f0f0f0;
  max-width: 1200px;
  margin: 5% auto 5% auto;
  padding: 40px;
  box-sizing: border-box; }
  @media screen and (max-width: 639px) {
    .c5-grayBg2 {
      padding: 20px; } }
  .c5-grayBg2 .c5-grayBg2__title {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 24px; }
    @media screen and (max-width: 639px) {
      .c5-grayBg2 .c5-grayBg2__title {
        font-size: 18px; } }

/*

.c5-grayBg2__3col

*/
.c5-grayBg2__3col {
  margin: 40px 0; }
  .c5-grayBg2__3col ul,
  .c5-grayBg2__3col li,
  .c5-grayBg2__3col dl,
  .c5-grayBg2__3col dt,
  .c5-grayBg2__3col dd {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .c5-grayBg2__3col ul {
    display: flex;
    gap: 3.5vw 3.5%;
    flex-wrap: wrap; }
    @media screen and (min-width: 1201px) {
      .c5-grayBg2__3col ul {
        gap: 40px 3.5%; } }
    @media screen and (max-width: 639px) {
      .c5-grayBg2__3col ul {
        display: block; } }
    .c5-grayBg2__3col ul li {
      width: calc((100% - 7%) / 3);
      padding: 20px;
      background: #ffffff;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 639px) {
        .c5-grayBg2__3col ul li {
          width: 100%;
          margin-bottom: 10px; } }
      .c5-grayBg2__3col ul li .s5-storeButtonV3 {
        width: 100%;
        text-align: center;
        margin-top: 10px; }
  .c5-grayBg2__3col dl {
    display: flex; }
    .c5-grayBg2__3col dl dt img {
      width: 70px; }
    .c5-grayBg2__3col dl dd {
      padding-left: 20px; }
      .c5-grayBg2__3col dl dd .c5-grayBg2__3colName {
        font-size: 14px; }
      .c5-grayBg2__3col dl dd .c5-grayBg2__3collabel span {
        display: flex;
        flex-direction: column;
        margin: 0 5px 5px 0;
        font-size: 11px;
        color: #ffffff;
        padding: 1px 4px;
        background: #008e48; }
        .c5-grayBg2__3col dl dd .c5-grayBg2__3collabel span.c5-grayBg2__3collabel--chromegreen {
          background: #016935; }
        .c5-grayBg2__3col dl dd .c5-grayBg2__3collabel span.c5-grayBg2__3collabel--cobaltgreen {
          background: #0ec563; }
        .c5-grayBg2__3col dl dd .c5-grayBg2__3collabel span.c5-grayBg2__3collabel--navy {
          background: #003557; }
        .c5-grayBg2__3col dl dd .c5-grayBg2__3collabel span.c5-grayBg2__3collabel--blue {
          background: #046fb2; }
        .c5-grayBg2__3col dl dd .c5-grayBg2__3collabel span.c5-grayBg2__3collabel--skyblue {
          background: #3c9cd7; }
        .c5-grayBg2__3col dl dd .c5-grayBg2__3collabel span.c5-grayBg2__3collabel--purple {
          background: #83157e; }

/*

.c5-grayBg2__table

*/
.c5-grayBg2__table {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 0; }
  @media screen and (max-width: 639px) {
    .c5-grayBg2__table {
      display: block; } }
  .c5-grayBg2__table .c5-grayBg2__tableCellLeft {
    width: calc(100% - 74%);
    line-height: 0;
    font-size: 0; }
    @media screen and (max-width: 639px) {
      .c5-grayBg2__table .c5-grayBg2__tableCellLeft {
        width: 100%;
        margin-bottom: 10px; } }
    .c5-grayBg2__table .c5-grayBg2__tableCellLeft img {
      width: 100%; }
  .c5-grayBg2__table .c5-grayBg2__tableCellRight {
    width: 74%;
    font-size: 16px;
    padding-left: 20px; }
    @media screen and (max-width: 639px) {
      .c5-grayBg2__table .c5-grayBg2__tableCellRight {
        width: 100%;
        padding-left: 0; } }
    .c5-grayBg2__table .c5-grayBg2__tableCellRight small {
      font-size: 12px; }
    .c5-grayBg2__table .c5-grayBg2__tableCellRight .c5-grayBg2__tableCellIcon img {
      width: 39px;
      margin-right: 1px; }

/*

.c5-2colCenter

*/
.c5-2colCenter {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 639px) {
    .c5-2colCenter {
      display: block; } }
  .c5-2colCenter .c5-2colCenterLeft{
    width: 30%;
    max-width: 320px;
    min-width: 150px; }
  .c5-2colCenter .c5-2colCenterLeft img {
    max-width: 100%; }
    @media screen and (max-width: 639px) {
    .c5-2colCenter .c5-2colCenterLeft{
      width: 100%;
      max-width: none;
      text-align: center;
      min-width: none; }
      .c5-2colCenter .c5-2colCenterLeft img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px; } }
  .c5-2colCenter .c5-2colCenterRight {
    padding-left: 4%; }
    @media screen and (max-width: 639px) {
      .c5-2colCenter .c5-2colCenterRight {
        padding-right: 0;
        margin-bottom: 20px; } }
    .c5-2colCenter .c5-2colCenterRight dl,
    .c5-2colCenter .c5-2colCenterRight dt,
    .c5-2colCenter .c5-2colCenterRight dd {
      margin: 0;
      padding: 0; }
    .c5-2colCenter .c5-2colCenterRight dt {
      font-weight: bold;
      font-size: 22px;
      font-size: 1.83333vw;
      margin-bottom: 10px; }
      @media screen and (min-width: 1200px) {
        .c5-2colCenter .c5-2colCenterRight dt {
          font-size: 22px; } }
      @media screen and (max-width: 639px) {
        .c5-2colCenter .c5-2colCenterRight dt {
          font-size: 18px;
          text-align: center; } }
    .c5-2colCenter .c5-2colCenterRight dd {
      text-align: center; }
      .c5-2colCenter .c5-2colCenterRight dd a {
        margin-top: 5px;
        font-size: 18px;
        padding: 13px 73px; }
        @media screen and (max-width: 639px) {
          .c5-2colCenter .c5-2colCenterRight dd a {
            font-size: 16px; } }
      .c5-2colCenter .c5-2colCenterRight dd span {
        display: inline-block;
        padding: 0 3px 0 10px;
        position: relative; }
        .c5-2colCenter .c5-2colCenterRight dd span:after, .c5-2colCenter .c5-2colCenterRight dd span:before {
          position: absolute;
          top: 50%;
          content: "";
          display: block;
          width: 2px;
          height: 20px;
          background: #000000; }
        .c5-2colCenter .c5-2colCenterRight dd span:before {
          left: 0;
          transform: rotate(-30deg) translateY(-53%); }
        .c5-2colCenter .c5-2colCenterRight dd span:after {
          right: 0;
          transform: rotate(30deg) translateY(-53%); }
    .c5-2colCenterShopLinks{
      padding-right: 4%; }
    @media screen and (max-width: 639px){
      .c5-2colCenterShopLinks{
        padding-right: 0; } }

/*

.c5-table

*/
.c5-table {
  max-width: calc(1087px + 60px);
  margin: 0 auto 0 auto;
  padding: 0 30px 0 30px;
  box-sizing: border-box; }
  .c5-table .c5-table__subTitle {
    color: #ffffff;
    text-align: center;
    margin: 20px auto 0;
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-decoration-color: #fffe64;
    text-underline-offset: 12px; }
  @media screen and (max-width: 639px) {
    .c5-table {
      max-width: 100%;
      width: 100%;
      padding: 0 0 0 30px; } }
  @media screen and (max-width: 639px) {
    .c5-table .c5-table__inner {
      overflow-x: scroll; } }
  .c5-table p {
    margin: 15px 0 0 0;
    padding: 0;
    text-align: center;
    font-size: 20px; }
    @media screen and (max-width: 639px) {
      .c5-table p {
        font-size: 16px; } }
  .c5-table table {
    background: #ffffff;
    width: 100%;
    border-left: 1px solid #707070;
    border-top: 1px solid #707070; }
    @media screen and (max-width: 639px) {
      .c5-table table {
        width: 1000px; } }
    .c5-table table th,
    .c5-table table td {
      border-right: 1px solid #707070;
      border-bottom: 1px solid #707070;
      padding: 20px;
      color: #2f353d;
      text-align: right;
      font-size: 18px;
      font-weight: bold; }
      @media screen and (max-width: 639px) {
        .c5-table table th,
        .c5-table table td {
          font-size: 16px; } }
    .c5-table table .c5-table__head th {
      background: #b9b9b9;
      text-align: right;
      color: #2f353d;
      font-size: 22px;
      vertical-align: top;
      padding: 10px 20px; }
      @media screen and (max-width: 639px) {
        .c5-table table .c5-table__head th {
          font-size: 18px; } }
      .c5-table table .c5-table__head th small {
        font-weight: normal;
        font-size: 14px;
        color: #2f353d;
        display: block; }
    .c5-table table .c5-table__headLeft {
      background: #ebebeb;
      text-align: left;
      padding: 0 30px;
      width: 130px; }

/*

.c5-planProduct

*/
.c5-planProduct {
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden; }

/*

.c5-inStoreItemBuy1-fx2

*/
.c5-inStoreItemBuy1-fx2 {
  vertical-align: middle; }

/*

.c5-planCol

*/
.c5-planCol {
  max-width: calc(1040px + 60px);
  margin: 0 auto 40px auto;
  padding: 0 30px 0 30px;
  display: flex;
  justify-content: center;
  gap: 40px 3.7%;
  width: 100%;
  box-sizing: border-box;
  margin-top: 50px; }
  @media screen and (max-width: 639px) {
    .c5-planCol {
      padding: 0;
      margin: 0 auto 20px auto; } }
  .c5-planCol li {
    width: calc((100% - 7.4%) / 2);
    padding: 0;
    margin: 0;
    list-style: none; }
    .c5-planCol li img {
      width: 100%; }

/*

.c5-colLeftYoutube

*/
.c5-colLeftYoutube {
  display: flex;
  align-items: center;
  max-width: 1260px;
  padding: 0 30px;
  box-sizing: border-box;
  margin: 0 auto; }
  @media screen and (max-width: 639px) {
    .c5-colLeftYoutube {
      display: block;
      padding: 0;
      margin: 60px 0; } }
  .c5-colLeftYoutube .c5-colLeftYoutubeLeft {
    width: 48.5%;
    aspect-ratio: 16 / 9; }
    @media screen and (max-width: 639px) {
      .c5-colLeftYoutube .c5-colLeftYoutubeLeft {
        width: 100%; } }
    .c5-colLeftYoutube .c5-colLeftYoutubeLeft iframe {
      width: 100%;
      height: 100%; }
  .c5-colLeftYoutube .c5-colLeftYoutubeRight {
    width: calc(100% - 48.5%);
    box-sizing: border-box;
    padding-left: 3.5%; }
    @media screen and (max-width: 639px) {
      .c5-colLeftYoutube .c5-colLeftYoutubeRight {
        width: 100%;
        padding-left: 0; } }
    .c5-colLeftYoutube .c5-colLeftYoutubeRight dl,
    .c5-colLeftYoutube .c5-colLeftYoutubeRight dd,
    .c5-colLeftYoutube .c5-colLeftYoutubeRight dt {
      margin: 0;
      padding: 0; }
    .c5-colLeftYoutube .c5-colLeftYoutubeRight dt {
      font-size: 22px;
      font-size: 1.83333vw;
      margin-bottom: 15px;
      font-weight: bold; }
      @media screen and (min-width: 1200px) {
        .c5-colLeftYoutube .c5-colLeftYoutubeRight dt {
          font-size: 22px; } }
      @media screen and (max-width: 639px) {
        .c5-colLeftYoutube .c5-colLeftYoutubeRight dt {
          font-size: 16px; } }
    .c5-colLeftYoutube .c5-colLeftYoutubeRight dd {
      font-size: 16px; }
      @media screen and (max-width: 639px) {
        .c5-colLeftYoutube .c5-colLeftYoutubeRight dd {
          font-size: 14px; }
          .c5-colLeftYoutube .c5-colLeftYoutubeRight dd br {
            display: none; } }

/*

.c5-bannerList

*/
.c5-bannerList {
  max-width: 1260px;
  padding: 0 30px;
  box-sizing: border-box;
  margin: 0 auto; }
  @media screen and (max-width: 639px) {
    .c5-bannerList {
      padding: 0; } }

/*

.c5-col

*/
.c5-col {
  display: flex;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 639px) {
    .c5-col {
      margin-bottom: 60px; } }

.c5-col__img {
  margin-right: 20px; }
  .c5-col__img img {
    width: 100%; }

.c5-col__txt {
  flex: 0 1 50%; }

@media screen and (max-width: 639px) {
  .c5-col {
    display: block; }

  .c5-col__img {
    flex: 1;
    margin-right: 0; } }
.c5-width__720 {
  max-width: 720px; }

@media screen and (max-width: 639px) {
  .c5-width__720 {
    max-width: unset; } }
/*

.c5-graCircle

*/
.c5-graCircle {
  position: relative;
  z-index: 1; }
  .c5-graCircle:after {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 70%;
    aspect-ratio: 1 / 1;
    z-index: -1;
    background: radial-gradient(closest-side, #626262, rgba(80, 80, 80, 0));
    pointer-events: none; }

/*

.c5-graCircle--small

*/
.c5-graCircle--small {
  position: relative;
  z-index: 1; }
  .c5-graCircle--small:after {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 40%;
    aspect-ratio: 1 / 1;
    z-index: -1;
    background: radial-gradient(closest-side, #626262, rgba(80, 80, 80, 0));
    pointer-events: none; }

.c5-align-m {
  vertical-align: middle; }

/*# sourceMappingURL=style.css.map */