@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap");
/* _setting CSS */
html {
  font-size: 10px;
  background: #fff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

/*
input[type=text],
input[type=number],
input[type=password],
input[type=tel] {
	-webkit-appearance: none;
}
*/
header, footer, nav, main, article, section, figure, aside {
  display: block;
}

body {
  line-height: 2.25;
  color: #231815;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  text-align: center;
}

::-webkit-input-placeholder {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

:-moz-placeholder {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

::-moz-placeholder {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

:-ms-input-placeholder {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

::placeholder {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*
@media all and (-ms-high-contrast:none) {
	body {
		font-family: 'メイリオ',Meiryo,'游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	}
}
*/
h1, h2, h3, h4, h5, h6, pre, code, address, caption, code, th, td, select, p, li {
  font-size: inherit;
  font-weight: inherit;
  font-style: normal;
}

em, strong {
  font-size: inherit;
}

em, strong, b {
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td {
  line-height: 2.25;
  text-align: left;
}

/* base style
------------------------------------------------------------------------- */
li {
  list-style: none;
}

fieldset, img, hr {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-style: none;
}

th {
  vertical-align: top;
}
th br {
  display: block;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

td {
  vertical-align: top;
  word-break: break-all;
}

a {
  border: none;
  color: inherit;
  text-decoration: none;
}

input[type=text],
input[type=number],
input[type=password],
input[type=tel],
textarea {
  box-shadow: none;
  border: 1px solid #ccc;
  color: #dbd8c9;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
}

textarea {
  line-height: 1.7;
  resize: vertical;
}

select {
  font-size: 1.4rem;
}

label,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit],
button {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  cursor: pointer;
}

button {
  display: block;
  border: none;
  background: none;
  outline: none;
  color: #dbd8c9;
  font-size: 1.4rem;
}

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

/* max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  html {
    font-size: 1.3333333333vw;
  }

  body, h1, h2, h3, h4, h5, h6, pre, code, address, caption, code, th, td, select, p, li, em, strong {
    font-size: 2.6rem;
  }

  img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  iframe[src*=youtube] {
    max-width: 100%;
    height: 52vw;
  }
}
@media screen and (max-width: 1000px) {
  .pc {
    display: none !important;
  }
}
@media all and (min-width: 1000px) {
  .sp {
    display: none !important;
  }

  a {
    transition: 0.3s;
  }
  a:hover {
    opacity: 0.7;
  }
}
.print {
  display: none;
}

@media print {
  .print {
    display: block;
  }

  hr {
    page-break-after: always;
  }
}
.c_wrap1,
.c_wrap2 {
  max-width: 860px;
  margin: 0 auto;
}
@media (min-width: 751px) and (max-width: 900px) {
  .c_wrap1,
.c_wrap2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media print {
  .c_wrap1,
.c_wrap2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .c_wrap1,
.c_wrap2 {
    max-width: 92vw;
  }
}

.c_wrap2 {
  max-width: 1109px;
}
@media screen and (max-width: 1000px) {
  .c_wrap2 {
    max-width: 100%;
  }
}

.cat_color .reborn .cat::before {
  color: #3cc8eb !important;
}
.cat_color .reborn a {
  border-color: #3cc8eb !important;
}
.cat_color .weeks .cat::before {
  color: #fa8c6e !important;
}
.cat_color .weeks a {
  border-color: #fa8c6e !important;
}
.cat_color .teamexpo .cat::before {
  color: #d71618 !important;
}
.cat_color .teamexpo a {
  border-color: #d71618 !important;
}
.cat_color .event .cat::before {
  color: #46d26e !important;
}
.cat_color .event a {
  border-color: #46d26e !important;
}
.cat_color .others .cat::before {
  color: #3c3c3c !important;
}
.cat_color .others a {
  border-color: #3c3c3c !important;
}
.cat_color .current.reborn a {
  background: #3cc8eb !important;
}
.cat_color .current.weeks a {
  background: #fa8c6e !important;
}
.cat_color .current.teamexpo a {
  background: #d71618 !important;
}
.cat_color .current.event a {
  background: #46d26e !important;
}
.cat_color .current.others a {
  background: #3c3c3c !important;
}

@media screen and (max-width: 1000px) {
  #common_header {
    position: relative;
    z-index: 1001;
  }
}

#header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1000;
}
#header .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 22px 20px 30px;
}
@media screen and (max-width: 1000px) {
  #header .inner {
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 4vw;
  }
}
#header .logo {
  position: relative;
  z-index: 1000;
  transition: 0.3s;
}
#header .logo a {
  display: block;
  position: relative;
  opacity: 1 !important;
}
#header .logo a img {
  transition: 0.3s;
}
@media screen and (max-width: 1000px) {
  #header .logo {
    width: 21.6vw;
  }
  #header .logo a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/common/logo1_w.png") no-repeat center/100%;
    transition: 0.3s;
    opacity: 0;
    pointer-events: none;
  }
}
#header .search_wrap {
  margin: 0 0 0 auto;
}
#header .search_wrap p {
  position: relative;
}
#header .search_wrap p input {
  width: 42px;
  height: 42px;
  padding: 0 25px;
  border: 1px solid rgba(204, 204, 204, 0);
  border-radius: 100px;
  background: none;
  transition: 0.3s;
  color: #231815;
  font-size: 1.7rem;
}
#header .search_wrap p input:focus, #header .search_wrap p input:hover {
  width: 400px;
  border: 1px solid #5032af;
  background: #fff;
}
#header .search_wrap p button {
  position: absolute;
  top: 9px;
  right: 12px;
  transition: 0.3s;
  pointer-events: none;
}
#header .menu_open {
  position: relative;
  z-index: 100;
  margin: 0 0 0 15px;
}
#header .menu_open a {
  display: block;
  position: relative;
  width: 54px;
  height: 38px;
  opacity: 1 !important;
}
#header .menu_open a::before, #header .menu_open a::after,
#header .menu_open a span {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  height: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 30px;
  padding: 2px 0 0;
  background: #000;
  margin: -1px 0 0 -15px;
  transition: 0.3s;
}
#header .menu_open a::before {
  margin-top: -10px;
}
#header .menu_open a::after {
  margin-top: 9px;
}
@media screen and (max-width: 1000px) {
  #header .menu_open a {
    width: 8.5333333333vw;
    height: 5.6vw;
  }
  #header .menu_open a span, #header .menu_open a::before, #header .menu_open a::after {
    width: 6.4vw;
    padding: 1px 0 0;
    margin: 0 0 0 -3.2vw;
  }
  #header .menu_open a::before {
    margin-top: -1.7333333333vw;
  }
  #header .menu_open a::after {
    margin-top: 1.6vw;
  }
}
@media print {
  #header.scroll_head {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  #header.scroll_head #nav {
    min-height: 102.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  #header.scroll_head #nav .inner {
    min-height: 102.6666666667vw;
    padding-top: 18.6666666667vw;
  }
}
#header #nav {
  position: fixed;
  top: 0;
  right: 0;
  right: -110vw;
  z-index: 1;
  width: 530px;
  height: 100%;
  background: rgba(80, 50, 175, 0.95);
  color: #fff;
  pointer-events: none;
  transition: right 0.5s;
}
@media screen and (max-width: 1000px) {
  #header #nav {
    width: 100%;
    height: auto;
    min-height: calc(92vw + 50px);
    transform: translateY(-100%);
    transition: transform 0.5s;
    right: 0;
  }
}
@media print {
  #header #nav {
    display: none !important;
  }
}
#header #nav .scroll_wrap {
  max-height: 100vh;
  min-height: 100vh;
  overflow: scroll;
}
#header #nav .inner {
  display: flex;
  justify-content: flex-end;
  position: relative;
  height: 100%;
  min-height: 100vh;
  padding: 100px 63px 190px 46px;
}
@media screen and (max-width: 1000px) {
  #header #nav .inner {
    display: block;
    min-height: calc(102.6666666667vw + 50px);
    padding: calc(21.3333333333vw + 50px) 13.0666666667vw 34.6666666667vw;
    overflow: scroll;
  }
}
#header #nav .inner .search_wrap {
  margin: 0 0 5.3333333333vw;
}
#header #nav .inner .search_wrap p {
  position: relative;
}
#header #nav .inner .search_wrap p input {
  width: 100%;
  height: 8.6666666667vw;
  padding: 0 4.4vw;
  border: 1px solid #fff;
  background: none;
  border-radius: 100px;
  color: #fff;
  font-size: 2.5rem;
}
#header #nav .inner .search_wrap p input:focus, #header #nav .inner .search_wrap p input:hover {
  width: 100%;
  border: 1px solid #fff;
}
#header #nav .inner .search_wrap p input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#header #nav .inner .search_wrap p button {
  position: absolute;
  top: 0;
  right: 0;
  width: 8.6666666667vw;
  height: 8.6666666667vw;
  border-radius: 100%;
  background: #fff;
}
#header #nav .inner .search_wrap p button img {
  width: 3.4666666667vw;
}
#header #nav .inner ul {
  width: 100%;
}
#header #nav .inner ul .link1,
#header #nav .inner ul .link2 {
  padding: 10px 0;
}
@media screen and (max-width: 1000px) {
  #header #nav .inner ul .link1,
#header #nav .inner ul .link2 {
    padding: 1.3333333333vw 0;
  }
}
#header #nav .inner ul .link1 a,
#header #nav .inner ul .link2 a {
  display: block;
  position: relative;
  line-height: 1.6;
  padding: 6px 45px 9px 0;
  font-size: 1.8rem;
  white-space: nowrap;
}
#header #nav .inner ul .link1 a::before,
#header #nav .inner ul .link2 a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: #fff;
  transform: translateY(-50%) scale(0.85);
}
#header #nav .inner ul .link1 a::after,
#header #nav .inner ul .link2 a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 9px;
  height: 9px;
  border: 2px solid #5032af;
  border-left: none;
  border-bottom: none;
  transform: translateY(-50%) rotate(40deg) skewY(12deg) scale(0.85);
}
@media screen and (max-width: 1000px) {
  #header #nav .inner ul .link1 a,
#header #nav .inner ul .link2 a {
    padding: 0.8vw 8vw 1.2vw 0;
    font-size: 2.8rem;
  }
  #header #nav .inner ul .link1 a::before,
#header #nav .inner ul .link2 a::before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    transform: translateY(-50%);
  }
  #header #nav .inner ul .link1 a::after,
#header #nav .inner ul .link2 a::after {
    right: 2.1333333333vw;
    width: 1.4666666667vw;
    height: 1.4666666667vw;
    border-top: 1px solid #5032af;
    border-right: 1px solid #5032af;
    transform: translateY(-50%) rotate(40deg) skewY(12deg);
  }
}
#header #nav .inner ul .link1 {
  margin: 0 0 14px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1000px) {
  #header #nav .inner ul .link1 {
    margin: 0 0 1.3333333333vw;
  }
}
#header #nav .inner ul .link2 {
  position: relative;
  padding: 12px 0;
}
#header #nav .inner ul .link2 a {
  padding-left: 60px;
}
@media screen and (max-width: 1000px) {
  #header #nav .inner ul .link2 a {
    padding-left: 13.3333333333vw;
  }
}
#header #nav .inner ul .link2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-55%);
  width: 53px;
  height: 50px;
  background: url("../images/common/nav_icon1.png") no-repeat center/100%;
  pointer-events: none;
}
@media screen and (max-width: 1000px) {
  #header #nav .inner ul .link2::before {
    width: 12.2666666667vw;
    height: 12.2666666667vw;
  }
}
#header #nav .inner ul .link2.reborn::before {
  background-image: url("../images/common/nav_icon2.png");
}
#header #nav .inner ul .link2.weeks::before {
  background-image: url("../images/common/nav_icon3.png");
}
#header #nav .inner ul .link2.virtual::before {
  background-image: url("../images/common/nav_icon4.png");
}
#header #nav .inner ul .link2.teamexpo::before {
  background-image: url("../images/common/nav_icon5.png");
}
#header #nav .inner ul .link2.news::before {
  background-image: url("../images/common/nav_icon6.png");
}
#header #nav .inner ul .link2.community::before {
  background-image: url("../images/common/nav_icon7.png");
}
#header #nav .inner ul .link3 {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #fff;
}
@media screen and (max-width: 1000px) {
  #header #nav .inner ul .link3 {
    margin: 3.2vw 0 0;
    padding: 3.2vw 0 0;
  }
}
#header #nav .inner ul .link3 a {
  display: block;
  position: relative;
  padding: 0 0 3px 5px;
  font-size: 1.8rem;
  letter-spacing: 0.14em;
}
#header #nav .inner ul .link3 a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 9px;
  height: 9px;
  border: 1px solid #fff;
  border-left: none;
  border-bottom: none;
  transform: translateY(-50%) rotate(40deg) skewY(12deg);
}
#header #nav .inner ul .link3 a[target=_blank]::after {
  width: 13px;
  height: 13px;
  border: none;
  background: url("../images/common/blank_w.svg") no-repeat center/100%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
  #header #nav .inner ul .link3 a {
    padding: 0;
    font-size: 2.4rem;
  }
  #header #nav .inner ul .link3 a::after {
    right: 1.6vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}
#header #nav .inner .insta {
  position: absolute;
  right: 35px;
  bottom: 82px;
}
@media screen and (max-width: 1000px) {
  #header #nav .inner .insta {
    right: 5.0666666667vw;
    bottom: 12.2666666667vw;
    width: 14.9333333333vw;
  }
}
#header #nav .inner .copy {
  position: absolute;
  right: 35px;
  bottom: 45px;
  font-size: 1rem;
  font-family: "Avenir", "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1000px) {
  #header #nav .inner .copy {
    right: 5.0666666667vw;
    bottom: 5.3333333333vw;
    width: 100%;
    font-size: 1.8rem;
    text-align: right;
  }
}
@media screen and (max-width: 1000px) {
  #header.on .logo a img {
    opacity: 0;
  }
}
#header.on .logo a::before {
  opacity: 1 !important;
}
#header.on .menu_open a span {
  display: none;
}
#header.on .menu_open a::before, #header.on .menu_open a::after {
  margin-top: 0;
  transform: rotate(30deg);
  background: #fff;
}
#header.on .menu_open a::after {
  transform: rotate(-30deg);
}
@media screen and (max-width: 1000px) {
  #header.on .menu_open a::before, #header.on .menu_open a::after {
    width: 5.3333333333vw;
    margin-left: -2.4vw;
  }
}
#header.on #nav {
  top: 0;
  right: 0;
  pointer-events: all;
}
@media screen and (max-width: 1000px) {
  #header.on #nav {
    transform: translateY(0%);
  }
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
  width: 100%;
  margin: 66px 0 -117px;
  padding: 4px 40px;
  border-top: 1px solid #5032af;
  background: #fff;
}
@media screen and (max-width: 1000px) {
  .breadcrumb {
    margin: 19.3333333333vw 0 -18.6666666667vw;
    padding: 0.5333333333vw 4vw;
  }
}
.breadcrumb li {
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  color: #5032af;
}
@media screen and (max-width: 1000px) {
  .breadcrumb li {
    font-size: 2.2rem;
    letter-spacing: 0.08em;
  }
}
.breadcrumb li a {
  color: #5032af;
  text-decoration: underline;
}
.breadcrumb li::after {
  content: "　＞　";
  margin: 0 0.4vw;
}
.breadcrumb li:last-child::after {
  content: "";
}

#footer {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 10;
  margin-top: 117px;
  padding: 30px 35px 17px;
  background: #5032af;
  color: #fff;
}
#footer .page_top {
  position: fixed;
  bottom: -150px;
  right: 35px;
  transition: 0.6s;
  z-index: 888;
}
@media print {
  #footer .page_top {
    display: none;
  }
}
#footer .page_top.on {
  bottom: 35px;
}
@media all and (min-width: 1001px) {
  #footer .page_top.stop {
    position: absolute;
    top: -150px;
    bottom: auto;
  }
}
@media screen and (max-width: 1000px) {
  #footer .page_top.stop {
    position: absolute;
    top: -24.6666666667vw;
    bottom: auto;
  }
}
#footer .logo {
  padding: 0;
}
#footer .logo a {
  opacity: 1 !important;
}
#footer p {
  padding: 23px 0 0;
  text-align: right;
}
#footer p a {
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.04em;
}
#footer p .copy {
  font-size: 1rem;
  letter-spacing: 0.145em;
  font-family: "Avenir", "Noto Sans JP", sans-serif;
}
#footer p .arrow {
  margin-right: 3px;
}
@media screen and (max-width: 1000px) {
  #footer {
    display: block;
    margin-top: 18.6666666667vw;
    padding: 5.3333333333vw 0 4vw;
  }
  #footer .logo {
    width: 40vw;
    margin: 0 auto 4vw;
  }
  #footer .page_top {
    right: 4vw;
    width: 12vw;
  }
  #footer .page_top a {
    margin: 0;
  }
  #footer .page_top.on {
    bottom: 5.3333333333vw;
  }
  #footer p {
    padding: 0;
    text-align: center;
  }
  #footer p a {
    display: block;
    margin: 0 0 4vw;
    font-size: 1.9rem;
  }
  #footer p .copy {
    display: block;
    font-size: 1.8rem;
  }
}

#inner_wrapper {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #inner_wrapper {
    min-width: 100%;
  }
}

#wrapper {
  position: relative;
}
@media screen and (max-width: 1000px) {
  #wrapper {
    min-width: 100%;
  }
}

#mv {
  position: relative;
  padding: 247px 0 67px;
}
@media screen and (max-width: 1000px) {
  #mv {
    padding: 12.5333333333vw 0 4vw;
    background: url("../images/activities/sp_mv_bg1.png") no-repeat center 0/100%;
  }
}
#mv::after {
  content: "";
  position: absolute;
  top: 43px;
  left: 50%;
  width: 320px;
  height: 263px;
  background: url("../images/activities/mv_bg_img1.png") no-repeat center/100%;
  transform: translateX(-663px);
  pointer-events: none;
}
@media screen and (max-width: 1000px) {
  #mv::after {
    display: none;
  }
}
#mv .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
  overflow: hidden;
  background: url("../images/activities/mv_bg1_r.jpg") repeat-x 0 0/auto 230px;
  pointer-events: none;
}
#mv .bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/activities/mv_bg1.jpg") no-repeat center 0/auto 250px;
}
#mv .bg::after {
  content: "";
  position: absolute;
  top: 118px;
  left: 50%;
  width: 319vw;
  height: 319vw;
  border-radius: 100% 0% 100% 100%/100% 100% 0% 0%;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}
@media all and (min-width: 1300px) {
  #mv .bg::after {
    width: 385vw;
    height: 385vw;
  }
}
@media all and (min-width: 1400px) {
  #mv .bg::after {
    width: 605vw;
    height: 605vw;
  }
}
@media screen and (max-width: 1000px) {
  #mv .bg {
    display: none;
  }
}
#mv .hd {
  position: relative;
  text-align: center;
}
@media all and (min-width: 751px) {
  #mv .hd img {
    transform: scale(0.95);
  }
}
@media screen and (max-width: 1000px) {
  #mv .hd {
    padding: 0 18.6666666667vw 0 17.3333333333vw;
  }
}

.bottom_link,
.to_back {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
  margin: 0 0 -66px;
  padding: 40px 0;
}
@media screen and (max-width: 1000px) {
  .bottom_link,
.to_back {
    padding: 8vw 0;
    margin: 0 0 -19.3333333333vw;
  }
}
.bottom_link a,
.to_back a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 290px;
  height: 66px;
  margin: 0 10px;
  padding: 0 30px;
  border-radius: 1000px;
  background: #5032af;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.bottom_link a .small,
.to_back a .small {
  font-size: 1.5rem;
}
@media screen and (max-width: 1000px) {
  .bottom_link a,
.to_back a {
    min-width: 53.3333333333vw;
    height: 12vw;
    padding: 0 0 0 2.2666666667vw;
    font-size: 3rem;
    letter-spacing: 0.13em;
  }
}
.bottom_link a::before,
.to_back a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 26px;
  width: 9px;
  height: 22px;
  transform: translateY(-50%);
  background: url("../images/common/arrow_l_skew_w.svg") no-repeat center/100%;
}
@media screen and (max-width: 1000px) {
  .bottom_link a::before,
.to_back a::before {
    width: 1.4666666667vw;
    height: 4.1333333333vw;
  }
}
.bottom_link .to_next,
.to_back .to_next {
  border: 1px solid #5032af;
  background: #fff;
  color: #5032af;
}
.bottom_link .little,
.to_back .little {
  font-size: 1.9rem;
  letter-spacing: 0.06em;
}
.bottom_link .blank,
.to_back .blank {
  padding: 0 23px 0 46px;
}
.bottom_link .blank img,
.to_back .blank img {
  margin: 0 0 0 15px;
}
.bottom_link .blank::before,
.to_back .blank::before {
  display: none;
}
@media screen and (max-width: 1000px) {
  .bottom_link .blank,
.to_back .blank {
    padding: 0;
  }
  .bottom_link .blank img,
.to_back .blank img {
    width: 4vw;
    margin: 0 0 0 0.6666666667vw !important;
  }
  .bottom_link .blank .small,
.to_back .blank .small {
    font-size: 2rem;
  }
}

@media screen and (max-width: 1000px) {
  .bottom_link {
    display: block;
  }
  .bottom_link a {
    width: 82vw;
    margin: 0 auto 4vw;
    font-size: 3rem !important;
  }
}

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