@charset "utf-8";

:root {
  --green: #8ac657;
  --blue: #4d73ba;
  --yellow: #f9bb2c;
  --gray: #8d8d8d;
  --rose: #d75674;
  --orange: #f08d45;
  --purple: #b883e5;
  --red: #e55e57;
  --skyblue: #54bbce;
}

/* anchor list color -----------------*/
.anchor-list .button-border:nth-of-type(1) { background-color: var(--green); }
.anchor-list .button-border:nth-of-type(2) { background-color: var(--blue); }
.anchor-list .button-border:nth-of-type(3) { background-color: var(--yellow); }
.anchor-list .button-border:nth-of-type(4) { background-color: var(--gray); }
.anchor-list .button-border:nth-of-type(5) { background-color: var(--rose); }
.anchor-list .button-border:nth-of-type(6) { background-color: var(--orange); }
.anchor-list .button-border:nth-of-type(7) { background-color: var(--purple); }
.anchor-list .button-border:nth-of-type(8) { background-color: var(--red); }
.anchor-list .button-border:nth-of-type(9) { background-color: var(--skyblue); }

.anchor-list .button-border:nth-of-type(1):hover,
.anchor-list .button-border:nth-of-type(2):hover,
.anchor-list .button-border:nth-of-type(3):hover,
.anchor-list .button-border:nth-of-type(4):hover,
.anchor-list .button-border:nth-of-type(5):hover,
.anchor-list .button-border:nth-of-type(6):hover,
.anchor-list .button-border:nth-of-type(7):hover,
.anchor-list .button-border:nth-of-type(8):hover,
.anchor-list .button-border:nth-of-type(9):hover { background-color: #fff; }

.anchor-list .button-border:nth-of-type(1):hover { border-color: var(--green); }
.anchor-list .button-border:nth-of-type(2):hover { border-color: var(--blue); }
.anchor-list .button-border:nth-of-type(3):hover { border-color: var(--yellow); }
.anchor-list .button-border:nth-of-type(4):hover { border-color: var(--gray); }
.anchor-list .button-border:nth-of-type(5):hover { border-color: var(--rose); }
.anchor-list .button-border:nth-of-type(6):hover { border-color: var(--orange); }
.anchor-list .button-border:nth-of-type(7):hover { border-color: var(--purple); }
.anchor-list .button-border:nth-of-type(8):hover { border-color: var(--red); }
.anchor-list .button-border:nth-of-type(9):hover { border-color: var(--skyblue); }

.anchor-list .button-border:nth-of-type(1):hover .button-inner { color: var(--green); }
.anchor-list .button-border:nth-of-type(2):hover .button-inner { color: var(--blue); }
.anchor-list .button-border:nth-of-type(3):hover .button-inner { color: var(--yellow); }
.anchor-list .button-border:nth-of-type(4):hover .button-inner { color: var(--gray); }
.anchor-list .button-border:nth-of-type(5):hover .button-inner { color: var(--rose); }
.anchor-list .button-border:nth-of-type(6):hover .button-inner { color: var(--orange); }
.anchor-list .button-border:nth-of-type(7):hover .button-inner { color: var(--purple); }
.anchor-list .button-border:nth-of-type(8):hover .button-inner { color: var(--red); }
.anchor-list .button-border:nth-of-type(9):hover .button-inner { color: var(--skyblue); }

.anchor-list .button-border:nth-of-type(1):hover:after { color: var(--green); }
.anchor-list .button-border:nth-of-type(2):hover:after { color: var(--blue); }
.anchor-list .button-border:nth-of-type(3):hover:after { color: var(--yellow); }
.anchor-list .button-border:nth-of-type(4):hover:after { color: var(--gray); }
.anchor-list .button-border:nth-of-type(5):hover:after { color: var(--rose); }
.anchor-list .button-border:nth-of-type(6):hover:after { color: var(--orange); }
.anchor-list .button-border:nth-of-type(7):hover:after { color: var(--purple); }
.anchor-list .button-border:nth-of-type(8):hover:after { color: var(--red); }
.anchor-list .button-border:nth-of-type(9):hover:after { color: var(--skyblue); }


/* entry & login button color -----------------*/
.entry-button { background-color: #ff9600; }
.entry-button:hover {
  background-color: #fff;
  border-color: #ff9600;
}
.entry-button:hover .button-inner,
.entry-button:hover:after { color: #ff9600; }

.login-button { background-color: #115bc1; }
.login-button:hover {
  background-color: #fff;
  border-color: #115bc1;
}
.login-button:hover .button-inner,
.login-button:hover:after { color: #115bc1; }

.entry-button:before { color: #ff9600; }
.login-button:before { color: #115bc1; }


/* anchor list -----------------*/
.anchor-list {
  gap: .5em;
  margin-top: 0;
}
.anchor-list .button-border {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 67px 67px;
  margin-right: 10px;
}
@media screen and (max-width: 667px) {
.anchor-list .button-border { width: 33%; }
}
@media only screen and (min-width: 668px) and (max-width: 1024px) {
.anchor-list .button-border { background-size: 47px 47px; }
}
.anchor-list .button-border:nth-of-type(3n) { margin-right: 0; }
@media screen and (max-width: 320px) {
.anchor-list .button-inner { font-size: 11px; }
}
@media screen and (min-width: 321px) and (max-width: 667px) {
.anchor-list .button-inner { font-size: 13px; }
}
.anchor-list .button-border:after { transform: rotate(90deg); }

.anchor-list .button-border:nth-of-type(1) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_01.png); }
.anchor-list .button-border:nth-of-type(2) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_02.png); }
.anchor-list .button-border:nth-of-type(3) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_03.png); }
.anchor-list .button-border:nth-of-type(4) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_04.png); }
.anchor-list .button-border:nth-of-type(5) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_05.png); }
.anchor-list .button-border:nth-of-type(6) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_06.png); }
.anchor-list .button-border:nth-of-type(7) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_07.png); }
.anchor-list .button-border:nth-of-type(8) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_08.png); }
.anchor-list .button-border:nth-of-type(9) { background-image: url(/html/user_data/assets/img/lp/msec-47th/anchor_09.png); }


/* section -----------------*/
section.article-section:nth-of-type(1) .headline-frame { background-color: var(--green); }
section.article-section:nth-of-type(2) .headline-frame { background-color: var(--blue); }
section.article-section:nth-of-type(3) .headline-frame { background-color: var(--yellow); }
section.article-section:nth-of-type(4) .headline-frame { background-color: var(--gray); }
section.article-section:nth-of-type(5) .headline-frame { background-color: var(--rose); }
section.article-section:nth-of-type(6) .headline-frame { background-color: var(--orange); }
section.article-section:nth-of-type(7) .headline-frame { background-color: var(--purple); }
section.article-section:nth-of-type(8) .headline-frame { background-color: var(--red); }
section.article-section:nth-of-type(9) .headline-frame { background-color: var(--skyblue); }

.headline-underline-half-inner {
  border-bottom-color:#1a5098;
  color: #1a5098;
}

section.article-section:nth-of-type(1) .headline-leftline { border-left-color: var(--green); }
section.article-section:nth-of-type(2) .headline-leftline { border-left-color: var(--blue); }
section.article-section:nth-of-type(3) .headline-leftline { border-left-color: var(--yellow); }
section.article-section:nth-of-type(4) .headline-leftline { border-left-color: var(--gray); }
section.article-section:nth-of-type(5) .headline-leftline { border-left-color: var(--rose); }
section.article-section:nth-of-type(6) .headline-leftline { border-left-color: var(--orange); }
section.article-section:nth-of-type(7) .headline-leftline { border-left-color: var(--purple); }
section.article-section:nth-of-type(8) .headline-leftline { border-left-color: var(--red); }
section.article-section:nth-of-type(9) .headline-leftline { border-left-color: var(--skyblue); }

section.article-section:nth-of-type(1) .headline-leftline-inner { color: var(--green); }
section.article-section:nth-of-type(2) .headline-leftline-inner { color: var(--blue); }
section.article-section:nth-of-type(3) .headline-leftline-inner { color: var(--yellow); }
section.article-section:nth-of-type(4) .headline-leftline-inner { color: var(--gray); }
section.article-section:nth-of-type(5) .headline-leftline-inner { color: var(--rose); }
section.article-section:nth-of-type(6) .headline-leftline-inner { color: var(--orange); }
section.article-section:nth-of-type(7) .headline-leftline-inner { color: var(--purple); }
section.article-section:nth-of-type(8) .headline-leftline-inner { color: var(--red); }
section.article-section:nth-of-type(9) .headline-leftline-inner { color: var(--skyblue); }

section.article-section:nth-of-type(1) .button-border { background-color: var(--green); }
section.article-section:nth-of-type(2) .button-border { background-color: var(--blue); }
section.article-section:nth-of-type(3) .button-border { background-color: var(--yellow); }
section.article-section:nth-of-type(4) .button-border { background-color: var(--gray); }
section.article-section:nth-of-type(5) .button-border { background-color: var(--rose); }
section.article-section:nth-of-type(6) .button-border { background-color: var(--orange); }
section.article-section:nth-of-type(7) .button-border { background-color: var(--purple); }
section.article-section:nth-of-type(8) .button-border { background-color: var(--red); }
section.article-section:nth-of-type(9) .button-border { background-color: var(--skyblue); }

section.article-section:nth-of-type(1) .button-border:hover,
section.article-section:nth-of-type(2) .button-border:hover,
section.article-section:nth-of-type(3) .button-border:hover,
section.article-section:nth-of-type(4) .button-border:hover,
section.article-section:nth-of-type(5) .button-border:hover,
section.article-section:nth-of-type(6) .button-border:hover,
section.article-section:nth-of-type(7) .button-border:hover,
section.article-section:nth-of-type(8) .button-border:hover,
section.article-section:nth-of-type(9) .button-border:hover { background-color: #fff; }

section.article-section:nth-of-type(1) .button-border:hover { border-color: var(--green); }
section.article-section:nth-of-type(2) .button-border:hover { border-color: var(--blue); }
section.article-section:nth-of-type(3) .button-border:hover { border-color: var(--yellow); }
section.article-section:nth-of-type(4) .button-border:hover { border-color: var(--gray); }
section.article-section:nth-of-type(5) .button-border:hover { border-color: var(--rose); }
section.article-section:nth-of-type(6) .button-border:hover { border-color: var(--orange); }
section.article-section:nth-of-type(7) .button-border:hover { border-color: var(--purple); }
section.article-section:nth-of-type(8) .button-border:hover { border-color: var(--red); }
section.article-section:nth-of-type(9) .button-border:hover { border-color: var(--skyblue); }

section.article-section:nth-of-type(1) .button-border:hover .button-inner { color: var(--green); }
section.article-section:nth-of-type(2) .button-border:hover .button-inner { color: var(--blue); }
section.article-section:nth-of-type(3) .button-border:hover .button-inner { color: var(--yellow); }
section.article-section:nth-of-type(4) .button-border:hover .button-inner { color: var(--gray); }
section.article-section:nth-of-type(5) .button-border:hover .button-inner { color: var(--rose); }
section.article-section:nth-of-type(6) .button-border:hover .button-inner { color: var(--orange); }
section.article-section:nth-of-type(7) .button-border:hover .button-inner { color: var(--purple); }
section.article-section:nth-of-type(8) .button-border:hover .button-inner { color: var(--red); }
section.article-section:nth-of-type(9) .button-border:hover .button-inner { color: var(--skyblue); }

section.article-section:nth-of-type(1) .button-border:hover:after { color: var(--green); }
section.article-section:nth-of-type(2) .button-border:hover:after { color: var(--blue); }
section.article-section:nth-of-type(3) .button-border:hover:after { color: var(--yellow); }
section.article-section:nth-of-type(4) .button-border:hover:after { color: var(--gray); }
section.article-section:nth-of-type(5) .button-border:hover:after { color: var(--rose); }
section.article-section:nth-of-type(6) .button-border:hover:after { color: var(--orange); }
section.article-section:nth-of-type(7) .button-border:hover:after { color: var(--purple); }
section.article-section:nth-of-type(8) .button-border:hover:after { color: var(--red); }
section.article-section:nth-of-type(9) .button-border:hover:after { color: var(--skyblue); }

section.article-section:nth-of-type(1) .flex-line-description { border-color: var(--green); }
section.article-section:nth-of-type(2) .flex-line-description { border-color: var(--blue); }
section.article-section:nth-of-type(3) .flex-line-description { border-color: var(--yellow); }
section.article-section:nth-of-type(4) .flex-line-description { border-color: var(--gray); }
section.article-section:nth-of-type(5) .flex-line-description { border-color: var(--rose); }
section.article-section:nth-of-type(6) .flex-line-description { border-color: var(--orange); }
section.article-section:nth-of-type(7) .flex-line-description { border-color: var(--purple); }
section.article-section:nth-of-type(8) .flex-line-description { border-color: var(--red); }
section.article-section:nth-of-type(9) .flex-line-description { border-color: var(--skyblue); }

.flex-line { align-items: unset; }
.flex-line-description-dd strong {
  display: block;
  padding: 0 0 1em;
}
.flex-line + .headline-leftline  { margin-top: 2em; }