/*//////////////////////////////////////////////////*/

/*/フォントの読み込み//*/
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Noto+Sans+JP:wght@100..900&display=swap');

/*/基本の色・サイズ/*/
:root {
  --color-red: #8a2f2f;
  --color-tarupo: #d9a01c;
  --color-white: #ffffff;
  --accent-color:#FFEB00;
  --inner-bg-color:#ffffff;
  --bg-yellow: #fdedc7;
  --bg-red: #841d1d;
  --bg-gradient: linear-gradient(135deg, #d9a01c 7%, #e8be5d 25%, #d9a01c 50%, #e8be5d 73%, #d9a01c 94%);

  --font-size-M: clamp(0.875rem, 0.75rem + 0.63vw, 1.5rem); /*/ min14px-max24px / viewport min320px-max1920px / */
  --font-size-S: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);  /*/ min12px-max18px / viewport min320px-max1920px / */
  --font-size-L: clamp(1.125rem, 0.975rem + 0.75vw, 1.875rem);  /*/ min18px-max30px / viewport min320px-max1920px / */
  --font-size-XL: clamp(1.5rem, 1.35rem + 0.75vw, 2.25rem);  /*/ min24px-max36px / viewport min320px-max1920px / */
}


/*/基本のフォント/*/
body {
  font-family: "Noto Sans JP", sans-serif;
}
.v-application {
  font-family: "Noto Sans JP", sans-serif;
}


/*/背景/*/
body .theme--light.v-application {
 /* background-image: url(https://tarupo.eventos.tokyo/file/wysiwyg/976/file-a2a15a29-b899-4a69-a28a-d0e3b3ea55f0.png);
  background-size: 63px 34px;
  background-repeat: repeat;
*/
}

/*//////////////////////////////////////////////////*/

.inner {
  max-width: 1080px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
  /*background:var(--inner-bg-color);*/
  font-size: var(--font-size-M);
  padding: 1%;
}

@media screen and (max-width: 599px) {
  .inner {
    width: auto;
    padding: 0 20px;
  }
}

.center{
  text-align: center;}

.left{
  text-align: left;}


/*///202507 tarupo-summer-campign common //////////////////////////////////////////////*/

.campaign-icon-image{
  max-width: 84px;
  width: 10%;
  margin: auto;
}


.bg-insert:after{
  width:100%;
  height: 100vh;
  content: "";
  display: block;
  z-index: -1;
  background-image: url(https://tarupo.eventos.tokyo/file/wysiwyg/976/file-057960d8-2a53-4778-a576-6aaca2d5a1e2.png);
  background-size:cover;
  background-color: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
}@media screen and (max-width: 599px) {
  .bg-insert:after{
    background-image: url(https://tarupo.eventos.tokyo/file/wysiwyg/976/file-263a204e-8312-4a37-9d06-9d993106f99c.png);
  }
}

body #__nuxt #__layout *:not(.btn-round a, .cookie-consent button, .cookie-consent){background-color: transparent !important;}



/*//////////////////////////////////////////////////*/

.font-size-S{
    font-size:var(--font-size-S);}
.font-size-M{
    font-size:var(--font-size-M);}
.font-size-L{
    font-size:var(--font-size-L);}
.font-size-XL{
    font-size:var(--font-size-XL);}
    
.inner img{
  width: 100%;
  max-width: 900px;
}
.inner p{
  padding:1%;
}


/*//////////////////////////////////////////////////*/


#__nuxt #__layout .header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#__nuxt #__layout .header-logo__wrap {
  margin: auto;
  height: 57px;
  padding: 8px;
  /* width: 400px; */
}

#__nuxt #__layout .header-tab__name {
  font-size: 16px;
  overflow: visible;
}

#__nuxt #__layout .menu__name__area {
  font-size: 16px;
  padding: 7px 0 0 16px;
  margin-bottom: 6px;
}

@media screen and (max-width: 850px) {
  #__nuxt #__layout .header__wrap {
    padding: 0px;
  }
  #__nuxt #__layout .header-logo__wrap {
    padding: 0;
    /* width: 400px; */
    height: auto;
  }
}
@media screen and (max-width: 1068px) and (min-width: 851px) {
  #__nuxt #__layout .header-tab__name {
    padding: 0;
    max-width: 100%;
    margin-left: 12px;
  }
  #__nuxt #__layout .menu__name__area {
    padding: 12px 0 0 16px;
  }
  #__nuxt #__layout .v-tab {
    max-width: 100%;
    padding: 0;
  }
}
.mypage-title__wrap {
  margin-top: 4em;
}

header-logo__image-sp__content {
  width: 70%;
}

section.widget__wrap.event__layout {
  padding: 0px !important;
}

.header-logo__image-pc.active {
  background-size: contain !important;
  width: 220% !important;
}

.header-logo__image-sp.active {
  background-size: contain !important;
  width: 220% !important;
  margin-left: -61%;
}

/* custom 241120 */
#__nuxt .header__wrap {
  height: 56px;
}

#__nuxt .v-tabs-bar {
  height: 40px;
}

.section-title {
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: 0.5em 1fr;
  gap: 0.5em;
}

.section-title::before {
  content: "";
  background-color: #666;
  display: block;
  width: 0.5em;
  height: 100%;
}

.grid-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}

.grid-col-2 > * {
  margin: 0;
}


* {
  font-family: inherit;
}

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

.wf-redditsans-cond {
  font-family: "Reddit Sans Condensed", "Noto Sans JP", sans-serif;
}

.header__wrap.event__header {
  display: none !important;
}

#__nuxt .html__wrap {
  margin-top: 0 !important;
}

.btn-round {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.btn-round a {
  max-width: 600px;
  width: 15em;
  padding: 0.5em 0;
  background-color: var(--color-tarupo);
  color: #fff;
  text-align: center;
  border-radius: 100vh;
  font-size: clamp(28px, 3.125vw, 40px);
  font-weight: 900;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.08em;
  padding-left: 0.08em;
  box-sizing: border-box;
  transition: filter 0.3s ease;
}

@media screen and (max-width: 599px) {
  .btn-round a {
    max-width: 90%;
    font-size: clamp(22.5px, 6.25vw, 30px);
  }
}
.btn-round a:hover {
  filter: brightness(1.1);
}

.btn-rect {
  display: flex;
  justify-content: center;
  margin-top: 1.5em;
  width: 100%;
}

.btn-rect a {
  max-width: 300px;
  width: 100%;
  padding: 0.5em 0;
  background-color: var(--color-red);
  color: #fff;
  text-align: center;
  font-size: clamp(14.4px, 1.40625vw, 23.4px);
  font-weight: 700;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  transition: filter 0.3s ease;
}

@media screen and (max-width: 599px) {
  .btn-rect a {
    max-width: 90%;
    font-size: clamp(14.4px, 4vw, 19.2px);
  }
}
.btn-rect a:hover {
  filter: brightness(1.1);
}

@media screen and (min-width: 310px) {
  .br-310-down {
    display: none;
  }
}
@media screen and (max-width: 309px) {
  .br-310-up {
    display: none;
  }
}
@media screen and (min-width: 320px) {
  .br-320-down {
    display: none;
  }
}
@media screen and (max-width: 319px) {
  .br-320-up {
    display: none;
  }
}
@media screen and (min-width: 330px) {
  .br-330-down {
    display: none;
  }
}
@media screen and (max-width: 329px) {
  .br-330-up {
    display: none;
  }
}
@media screen and (min-width: 340px) {
  .br-340-down {
    display: none;
  }
}
@media screen and (max-width: 339px) {
  .br-340-up {
    display: none;
  }
}
@media screen and (min-width: 350px) {
  .br-350-down {
    display: none;
  }
}
@media screen and (max-width: 349px) {
  .br-350-up {
    display: none;
  }
}
@media screen and (min-width: 360px) {
  .br-360-down {
    display: none;
  }
}
@media screen and (max-width: 359px) {
  .br-360-up {
    display: none;
  }
}
@media screen and (min-width: 370px) {
  .br-370-down {
    display: none;
  }
}
@media screen and (max-width: 369px) {
  .br-370-up {
    display: none;
  }
}
@media screen and (min-width: 380px) {
  .br-380-down {
    display: none;
  }
}
@media screen and (max-width: 379px) {
  .br-380-up {
    display: none;
  }
}
@media screen and (min-width: 390px) {
  .br-390-down {
    display: none;
  }
}
@media screen and (max-width: 389px) {
  .br-390-up {
    display: none;
  }
}
@media screen and (min-width: 400px) {
  .br-400-down {
    display: none;
  }
}
@media screen and (max-width: 399px) {
  .br-400-up {
    display: none;
  }
}
@media screen and (min-width: 410px) {
  .br-410-down {
    display: none;
  }
}
@media screen and (max-width: 409px) {
  .br-410-up {
    display: none;
  }
}
@media screen and (min-width: 420px) {
  .br-420-down {
    display: none;
  }
}
@media screen and (max-width: 419px) {
  .br-420-up {
    display: none;
  }
}
@media screen and (min-width: 430px) {
  .br-430-down {
    display: none;
  }
}
@media screen and (max-width: 429px) {
  .br-430-up {
    display: none;
  }
}
@media screen and (min-width: 440px) {
  .br-440-down {
    display: none;
  }
}
@media screen and (max-width: 439px) {
  .br-440-up {
    display: none;
  }
}
@media screen and (min-width: 450px) {
  .br-450-down {
    display: none;
  }
}
@media screen and (max-width: 449px) {
  .br-450-up {
    display: none;
  }
}
@media screen and (min-width: 460px) {
  .br-460-down {
    display: none;
  }
}
@media screen and (max-width: 459px) {
  .br-460-up {
    display: none;
  }
}
@media screen and (min-width: 470px) {
  .br-470-down {
    display: none;
  }
}
@media screen and (max-width: 469px) {
  .br-470-up {
    display: none;
  }
}
@media screen and (min-width: 480px) {
  .br-480-down {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .br-480-up {
    display: none;
  }
}
@media screen and (min-width: 490px) {
  .br-490-down {
    display: none;
  }
}
@media screen and (max-width: 489px) {
  .br-490-up {
    display: none;
  }
}
@media screen and (min-width: 500px) {
  .br-500-down {
    display: none;
  }
}
@media screen and (max-width: 499px) {
  .br-500-up {
    display: none;
  }
}
@media screen and (min-width: 510px) {
  .br-510-down {
    display: none;
  }
}
@media screen and (max-width: 509px) {
  .br-510-up {
    display: none;
  }
}
@media screen and (min-width: 520px) {
  .br-520-down {
    display: none;
  }
}
@media screen and (max-width: 519px) {
  .br-520-up {
    display: none;
  }
}
@media screen and (min-width: 530px) {
  .br-530-down {
    display: none;
  }
}
@media screen and (max-width: 529px) {
  .br-530-up {
    display: none;
  }
}
@media screen and (min-width: 540px) {
  .br-540-down {
    display: none;
  }
}
@media screen and (max-width: 539px) {
  .br-540-up {
    display: none;
  }
}
@media screen and (min-width: 550px) {
  .br-550-down {
    display: none;
  }
}
@media screen and (max-width: 549px) {
  .br-550-up {
    display: none;
  }
}
@media screen and (min-width: 560px) {
  .br-560-down {
    display: none;
  }
}
@media screen and (max-width: 559px) {
  .br-560-up {
    display: none;
  }
}
@media screen and (min-width: 570px) {
  .br-570-down {
    display: none;
  }
}
@media screen and (max-width: 569px) {
  .br-570-up {
    display: none;
  }
}
@media screen and (min-width: 580px) {
  .br-580-down {
    display: none;
  }
}
@media screen and (max-width: 579px) {
  .br-580-up {
    display: none;
  }
}
@media screen and (min-width: 590px) {
  .br-590-down {
    display: none;
  }
}
@media screen and (max-width: 589px) {
  .br-590-up {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .br-600-down {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .br-600-up {
    display: none;
  }
}
@media screen and (min-width: 610px) {
  .br-610-down {
    display: none;
  }
}
@media screen and (max-width: 609px) {
  .br-610-up {
    display: none;
  }
}
@media screen and (min-width: 620px) {
  .br-620-down {
    display: none;
  }
}
@media screen and (max-width: 619px) {
  .br-620-up {
    display: none;
  }
}
@media screen and (min-width: 630px) {
  .br-630-down {
    display: none;
  }
}
@media screen and (max-width: 629px) {
  .br-630-up {
    display: none;
  }
}
@media screen and (min-width: 640px) {
  .br-640-down {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .br-640-up {
    display: none;
  }
}
@media screen and (min-width: 650px) {
  .br-650-down {
    display: none;
  }
}
@media screen and (max-width: 649px) {
  .br-650-up {
    display: none;
  }
}
@media screen and (min-width: 660px) {
  .br-660-down {
    display: none;
  }
}
@media screen and (max-width: 659px) {
  .br-660-up {
    display: none;
  }
}
@media screen and (min-width: 670px) {
  .br-670-down {
    display: none;
  }
}
@media screen and (max-width: 669px) {
  .br-670-up {
    display: none;
  }
}
@media screen and (min-width: 680px) {
  .br-680-down {
    display: none;
  }
}
@media screen and (max-width: 679px) {
  .br-680-up {
    display: none;
  }
}
@media screen and (min-width: 690px) {
  .br-690-down {
    display: none;
  }
}
@media screen and (max-width: 689px) {
  .br-690-up {
    display: none;
  }
}
@media screen and (min-width: 700px) {
  .br-700-down {
    display: none;
  }
}
@media screen and (max-width: 699px) {
  .br-700-up {
    display: none;
  }
}
@media screen and (min-width: 710px) {
  .br-710-down {
    display: none;
  }
}
@media screen and (max-width: 709px) {
  .br-710-up {
    display: none;
  }
}
@media screen and (min-width: 720px) {
  .br-720-down {
    display: none;
  }
}
@media screen and (max-width: 719px) {
  .br-720-up {
    display: none;
  }
}
@media screen and (min-width: 730px) {
  .br-730-down {
    display: none;
  }
}
@media screen and (max-width: 729px) {
  .br-730-up {
    display: none;
  }
}
@media screen and (min-width: 740px) {
  .br-740-down {
    display: none;
  }
}
@media screen and (max-width: 739px) {
  .br-740-up {
    display: none;
  }
}
@media screen and (min-width: 750px) {
  .br-750-down {
    display: none;
  }
}
@media screen and (max-width: 749px) {
  .br-750-up {
    display: none;
  }
}
@media screen and (min-width: 760px) {
  .br-760-down {
    display: none;
  }
}
@media screen and (max-width: 759px) {
  .br-760-up {
    display: none;
  }
}
@media screen and (min-width: 770px) {
  .br-770-down {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  .br-770-up {
    display: none;
  }
}
@media screen and (min-width: 780px) {
  .br-780-down {
    display: none;
  }
}
@media screen and (max-width: 779px) {
  .br-780-up {
    display: none;
  }
}
@media screen and (min-width: 790px) {
  .br-790-down {
    display: none;
  }
}
@media screen and (max-width: 789px) {
  .br-790-up {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .br-800-down {
    display: none;
  }
}
@media screen and (max-width: 799px) {
  .br-800-up {
    display: none;
  }
}
@media screen and (min-width: 810px) {
  .br-810-down {
    display: none;
  }
}
@media screen and (max-width: 809px) {
  .br-810-up {
    display: none;
  }
}
@media screen and (min-width: 820px) {
  .br-820-down {
    display: none;
  }
}
@media screen and (max-width: 819px) {
  .br-820-up {
    display: none;
  }
}
@media screen and (min-width: 830px) {
  .br-830-down {
    display: none;
  }
}
@media screen and (max-width: 829px) {
  .br-830-up {
    display: none;
  }
}
@media screen and (min-width: 840px) {
  .br-840-down {
    display: none;
  }
}
@media screen and (max-width: 839px) {
  .br-840-up {
    display: none;
  }
}
@media screen and (min-width: 850px) {
  .br-850-down {
    display: none;
  }
}
@media screen and (max-width: 849px) {
  .br-850-up {
    display: none;
  }
}
@media screen and (min-width: 860px) {
  .br-860-down {
    display: none;
  }
}
@media screen and (max-width: 859px) {
  .br-860-up {
    display: none;
  }
}
@media screen and (min-width: 870px) {
  .br-870-down {
    display: none;
  }
}
@media screen and (max-width: 869px) {
  .br-870-up {
    display: none;
  }
}
@media screen and (min-width: 880px) {
  .br-880-down {
    display: none;
  }
}
@media screen and (max-width: 879px) {
  .br-880-up {
    display: none;
  }
}
@media screen and (min-width: 890px) {
  .br-890-down {
    display: none;
  }
}
@media screen and (max-width: 889px) {
  .br-890-up {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .br-900-down {
    display: none;
  }
}
@media screen and (max-width: 899px) {
  .br-900-up {
    display: none;
  }
}
@media screen and (min-width: 910px) {
  .br-910-down {
    display: none;
  }
}
@media screen and (max-width: 909px) {
  .br-910-up {
    display: none;
  }
}
@media screen and (min-width: 920px) {
  .br-920-down {
    display: none;
  }
}
@media screen and (max-width: 919px) {
  .br-920-up {
    display: none;
  }
}
@media screen and (min-width: 930px) {
  .br-930-down {
    display: none;
  }
}
@media screen and (max-width: 929px) {
  .br-930-up {
    display: none;
  }
}
@media screen and (min-width: 940px) {
  .br-940-down {
    display: none;
  }
}
@media screen and (max-width: 939px) {
  .br-940-up {
    display: none;
  }
}
@media screen and (min-width: 950px) {
  .br-950-down {
    display: none;
  }
}
@media screen and (max-width: 949px) {
  .br-950-up {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .br-960-down {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .br-960-up {
    display: none;
  }
}
@media screen and (min-width: 970px) {
  .br-970-down {
    display: none;
  }
}
@media screen and (max-width: 969px) {
  .br-970-up {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .br-980-down {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .br-980-up {
    display: none;
  }
}
@media screen and (min-width: 990px) {
  .br-990-down {
    display: none;
  }
}
@media screen and (max-width: 989px) {
  .br-990-up {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .br-1000-down {
    display: none;
  }
}
@media screen and (max-width: 999px) {
  .br-1000-up {
    display: none;
  }
}
@media screen and (min-width: 1010px) {
  .br-1010-down {
    display: none;
  }
}
@media screen and (max-width: 1009px) {
  .br-1010-up {
    display: none;
  }
}
@media screen and (min-width: 1020px) {
  .br-1020-down {
    display: none;
  }
}
@media screen and (max-width: 1019px) {
  .br-1020-up {
    display: none;
  }
}
@media screen and (min-width: 1030px) {
  .br-1030-down {
    display: none;
  }
}
@media screen and (max-width: 1029px) {
  .br-1030-up {
    display: none;
  }
}
@media screen and (min-width: 1040px) {
  .br-1040-down {
    display: none;
  }
}
@media screen and (max-width: 1039px) {
  .br-1040-up {
    display: none;
  }
}
@media screen and (min-width: 1050px) {
  .br-1050-down {
    display: none;
  }
}
@media screen and (max-width: 1049px) {
  .br-1050-up {
    display: none;
  }
}
@media screen and (min-width: 1060px) {
  .br-1060-down {
    display: none;
  }
}
@media screen and (max-width: 1059px) {
  .br-1060-up {
    display: none;
  }
}
@media screen and (min-width: 1070px) {
  .br-1070-down {
    display: none;
  }
}
@media screen and (max-width: 1069px) {
  .br-1070-up {
    display: none;
  }
}
@media screen and (min-width: 1080px) {
  .br-1080-down {
    display: none;
  }
}
@media screen and (max-width: 1079px) {
  .br-1080-up {
    display: none;
  }
}
@media screen and (min-width: 1090px) {
  .br-1090-down {
    display: none;
  }
}
@media screen and (max-width: 1089px) {
  .br-1090-up {
    display: none;
  }
}
@media screen and (min-width: 1100px) {
  .br-1100-down {
    display: none;
  }
}
@media screen and (max-width: 1099px) {
  .br-1100-up {
    display: none;
  }
}
@media screen and (min-width: 1110px) {
  .br-1110-down {
    display: none;
  }
}
@media screen and (max-width: 1109px) {
  .br-1110-up {
    display: none;
  }
}
@media screen and (min-width: 1120px) {
  .br-1120-down {
    display: none;
  }
}
@media screen and (max-width: 1119px) {
  .br-1120-up {
    display: none;
  }
}
@media screen and (min-width: 1130px) {
  .br-1130-down {
    display: none;
  }
}
@media screen and (max-width: 1129px) {
  .br-1130-up {
    display: none;
  }
}
@media screen and (min-width: 1140px) {
  .br-1140-down {
    display: none;
  }
}
@media screen and (max-width: 1139px) {
  .br-1140-up {
    display: none;
  }
}
@media screen and (min-width: 1150px) {
  .br-1150-down {
    display: none;
  }
}
@media screen and (max-width: 1149px) {
  .br-1150-up {
    display: none;
  }
}
@media screen and (min-width: 1160px) {
  .br-1160-down {
    display: none;
  }
}
@media screen and (max-width: 1159px) {
  .br-1160-up {
    display: none;
  }
}
@media screen and (min-width: 1170px) {
  .br-1170-down {
    display: none;
  }
}
@media screen and (max-width: 1169px) {
  .br-1170-up {
    display: none;
  }
}
@media screen and (min-width: 1180px) {
  .br-1180-down {
    display: none;
  }
}
@media screen and (max-width: 1179px) {
  .br-1180-up {
    display: none;
  }
}
@media screen and (min-width: 1190px) {
  .br-1190-down {
    display: none;
  }
}
@media screen and (max-width: 1189px) {
  .br-1190-up {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .br-1200-down {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .br-1200-up {
    display: none;
  }
}
@media screen and (min-width: 1210px) {
  .br-1210-down {
    display: none;
  }
}
@media screen and (max-width: 1209px) {
  .br-1210-up {
    display: none;
  }
}
@media screen and (min-width: 1220px) {
  .br-1220-down {
    display: none;
  }
}
@media screen and (max-width: 1219px) {
  .br-1220-up {
    display: none;
  }
}
@media screen and (min-width: 1230px) {
  .br-1230-down {
    display: none;
  }
}
@media screen and (max-width: 1229px) {
  .br-1230-up {
    display: none;
  }
}
@media screen and (min-width: 1240px) {
  .br-1240-down {
    display: none;
  }
}
@media screen and (max-width: 1239px) {
  .br-1240-up {
    display: none;
  }
}
@media screen and (min-width: 1250px) {
  .br-1250-down {
    display: none;
  }
}
@media screen and (max-width: 1249px) {
  .br-1250-up {
    display: none;
  }
}
@media screen and (min-width: 1260px) {
  .br-1260-down {
    display: none;
  }
}
@media screen and (max-width: 1259px) {
  .br-1260-up {
    display: none;
  }
}
@media screen and (min-width: 1270px) {
  .br-1270-down {
    display: none;
  }
}
@media screen and (max-width: 1269px) {
  .br-1270-up {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .br-1280-down {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  .br-1280-up {
    display: none;
  }
}
@media screen and (min-width: 1290px) {
  .br-1290-down {
    display: none;
  }
}
@media screen and (max-width: 1289px) {
  .br-1290-up {
    display: none;
  }
}
@media screen and (min-width: 1300px) {
  .br-1300-down {
    display: none;
  }
}
@media screen and (max-width: 1299px) {
  .br-1300-up {
    display: none;
  }
}
.sp-only {
  display: none;
}

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

@media screen and (min-width: 760px) {
  .pc-only {
    display: block !important;
  }
}
.sp-only-inline {
  display: none;
}

@media screen and (max-width: 759px) {
  .sp-only-inline {
    display: inline;
  }
}
.pc-only-inline {
  display: inline;
}

@media screen and (max-width: 759px) {
  .pc-only-inline {
    display: none !important;
  }
}
.sp-only-flex {
  display: none;
}

@media screen and (max-width: 759px) {
  .sp-only-flex {
    display: flex;
  }
}
.pc-only-flex {
  display: flex;
}

@media screen and (max-width: 759px) {
  .pc-only-flex {
    display: none !important;
  }
}
@media screen and (min-width: 10px) {
  .u-hide-10-up {
    display: none;
  }
}
@media screen and (max-width: 9px) {
  .u-hide-10-down {
    display: none;
  }
}
@media screen and (min-width: 20px) {
  .u-hide-20-up {
    display: none;
  }
}
@media screen and (max-width: 19px) {
  .u-hide-20-down {
    display: none;
  }
}
@media screen and (min-width: 30px) {
  .u-hide-30-up {
    display: none;
  }
}
@media screen and (max-width: 29px) {
  .u-hide-30-down {
    display: none;
  }
}
@media screen and (min-width: 40px) {
  .u-hide-40-up {
    display: none;
  }
}
@media screen and (max-width: 39px) {
  .u-hide-40-down {
    display: none;
  }
}
@media screen and (min-width: 50px) {
  .u-hide-50-up {
    display: none;
  }
}
@media screen and (max-width: 49px) {
  .u-hide-50-down {
    display: none;
  }
}
@media screen and (min-width: 60px) {
  .u-hide-60-up {
    display: none;
  }
}
@media screen and (max-width: 59px) {
  .u-hide-60-down {
    display: none;
  }
}
@media screen and (min-width: 70px) {
  .u-hide-70-up {
    display: none;
  }
}
@media screen and (max-width: 69px) {
  .u-hide-70-down {
    display: none;
  }
}
@media screen and (min-width: 80px) {
  .u-hide-80-up {
    display: none;
  }
}
@media screen and (max-width: 79px) {
  .u-hide-80-down {
    display: none;
  }
}
@media screen and (min-width: 90px) {
  .u-hide-90-up {
    display: none;
  }
}
@media screen and (max-width: 89px) {
  .u-hide-90-down {
    display: none;
  }
}
@media screen and (min-width: 100px) {
  .u-hide-100-up {
    display: none;
  }
}
@media screen and (max-width: 99px) {
  .u-hide-100-down {
    display: none;
  }
}
@media screen and (min-width: 110px) {
  .u-hide-110-up {
    display: none;
  }
}
@media screen and (max-width: 109px) {
  .u-hide-110-down {
    display: none;
  }
}
@media screen and (min-width: 120px) {
  .u-hide-120-up {
    display: none;
  }
}
@media screen and (max-width: 119px) {
  .u-hide-120-down {
    display: none;
  }
}
@media screen and (min-width: 130px) {
  .u-hide-130-up {
    display: none;
  }
}
@media screen and (max-width: 129px) {
  .u-hide-130-down {
    display: none;
  }
}
@media screen and (min-width: 140px) {
  .u-hide-140-up {
    display: none;
  }
}
@media screen and (max-width: 139px) {
  .u-hide-140-down {
    display: none;
  }
}
@media screen and (min-width: 150px) {
  .u-hide-150-up {
    display: none;
  }
}
@media screen and (max-width: 149px) {
  .u-hide-150-down {
    display: none;
  }
}
@media screen and (min-width: 160px) {
  .u-hide-160-up {
    display: none;
  }
}
@media screen and (max-width: 159px) {
  .u-hide-160-down {
    display: none;
  }
}
@media screen and (min-width: 170px) {
  .u-hide-170-up {
    display: none;
  }
}
@media screen and (max-width: 169px) {
  .u-hide-170-down {
    display: none;
  }
}
@media screen and (min-width: 180px) {
  .u-hide-180-up {
    display: none;
  }
}
@media screen and (max-width: 179px) {
  .u-hide-180-down {
    display: none;
  }
}
@media screen and (min-width: 190px) {
  .u-hide-190-up {
    display: none;
  }
}
@media screen and (max-width: 189px) {
  .u-hide-190-down {
    display: none;
  }
}
@media screen and (min-width: 200px) {
  .u-hide-200-up {
    display: none;
  }
}
@media screen and (max-width: 199px) {
  .u-hide-200-down {
    display: none;
  }
}
@media screen and (min-width: 210px) {
  .u-hide-210-up {
    display: none;
  }
}
@media screen and (max-width: 209px) {
  .u-hide-210-down {
    display: none;
  }
}
@media screen and (min-width: 220px) {
  .u-hide-220-up {
    display: none;
  }
}
@media screen and (max-width: 219px) {
  .u-hide-220-down {
    display: none;
  }
}
@media screen and (min-width: 230px) {
  .u-hide-230-up {
    display: none;
  }
}
@media screen and (max-width: 229px) {
  .u-hide-230-down {
    display: none;
  }
}
@media screen and (min-width: 240px) {
  .u-hide-240-up {
    display: none;
  }
}
@media screen and (max-width: 239px) {
  .u-hide-240-down {
    display: none;
  }
}
@media screen and (min-width: 250px) {
  .u-hide-250-up {
    display: none;
  }
}
@media screen and (max-width: 249px) {
  .u-hide-250-down {
    display: none;
  }
}
@media screen and (min-width: 260px) {
  .u-hide-260-up {
    display: none;
  }
}
@media screen and (max-width: 259px) {
  .u-hide-260-down {
    display: none;
  }
}
@media screen and (min-width: 270px) {
  .u-hide-270-up {
    display: none;
  }
}
@media screen and (max-width: 269px) {
  .u-hide-270-down {
    display: none;
  }
}
@media screen and (min-width: 280px) {
  .u-hide-280-up {
    display: none;
  }
}
@media screen and (max-width: 279px) {
  .u-hide-280-down {
    display: none;
  }
}
@media screen and (min-width: 290px) {
  .u-hide-290-up {
    display: none;
  }
}
@media screen and (max-width: 289px) {
  .u-hide-290-down {
    display: none;
  }
}
@media screen and (min-width: 300px) {
  .u-hide-300-up {
    display: none;
  }
}
@media screen and (max-width: 299px) {
  .u-hide-300-down {
    display: none;
  }
}
@media screen and (min-width: 310px) {
  .u-hide-310-up {
    display: none;
  }
}
@media screen and (max-width: 309px) {
  .u-hide-310-down {
    display: none;
  }
}
@media screen and (min-width: 320px) {
  .u-hide-320-up {
    display: none;
  }
}
@media screen and (max-width: 319px) {
  .u-hide-320-down {
    display: none;
  }
}
@media screen and (min-width: 330px) {
  .u-hide-330-up {
    display: none;
  }
}
@media screen and (max-width: 329px) {
  .u-hide-330-down {
    display: none;
  }
}
@media screen and (min-width: 340px) {
  .u-hide-340-up {
    display: none;
  }
}
@media screen and (max-width: 339px) {
  .u-hide-340-down {
    display: none;
  }
}
@media screen and (min-width: 350px) {
  .u-hide-350-up {
    display: none;
  }
}
@media screen and (max-width: 349px) {
  .u-hide-350-down {
    display: none;
  }
}
@media screen and (min-width: 360px) {
  .u-hide-360-up {
    display: none;
  }
}
@media screen and (max-width: 359px) {
  .u-hide-360-down {
    display: none;
  }
}
@media screen and (min-width: 370px) {
  .u-hide-370-up {
    display: none;
  }
}
@media screen and (max-width: 369px) {
  .u-hide-370-down {
    display: none;
  }
}
@media screen and (min-width: 380px) {
  .u-hide-380-up {
    display: none;
  }
}
@media screen and (max-width: 379px) {
  .u-hide-380-down {
    display: none;
  }
}
@media screen and (min-width: 390px) {
  .u-hide-390-up {
    display: none;
  }
}
@media screen and (max-width: 389px) {
  .u-hide-390-down {
    display: none;
  }
}
@media screen and (min-width: 400px) {
  .u-hide-400-up {
    display: none;
  }
}
@media screen and (max-width: 399px) {
  .u-hide-400-down {
    display: none;
  }
}
@media screen and (min-width: 410px) {
  .u-hide-410-up {
    display: none;
  }
}
@media screen and (max-width: 409px) {
  .u-hide-410-down {
    display: none;
  }
}
@media screen and (min-width: 420px) {
  .u-hide-420-up {
    display: none;
  }
}
@media screen and (max-width: 419px) {
  .u-hide-420-down {
    display: none;
  }
}
@media screen and (min-width: 430px) {
  .u-hide-430-up {
    display: none;
  }
}
@media screen and (max-width: 429px) {
  .u-hide-430-down {
    display: none;
  }
}
@media screen and (min-width: 440px) {
  .u-hide-440-up {
    display: none;
  }
}
@media screen and (max-width: 439px) {
  .u-hide-440-down {
    display: none;
  }
}
@media screen and (min-width: 450px) {
  .u-hide-450-up {
    display: none;
  }
}
@media screen and (max-width: 449px) {
  .u-hide-450-down {
    display: none;
  }
}
@media screen and (min-width: 460px) {
  .u-hide-460-up {
    display: none;
  }
}
@media screen and (max-width: 459px) {
  .u-hide-460-down {
    display: none;
  }
}
@media screen and (min-width: 470px) {
  .u-hide-470-up {
    display: none;
  }
}
@media screen and (max-width: 469px) {
  .u-hide-470-down {
    display: none;
  }
}
@media screen and (min-width: 480px) {
  .u-hide-480-up {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .u-hide-480-down {
    display: none;
  }
}
@media screen and (min-width: 490px) {
  .u-hide-490-up {
    display: none;
  }
}
@media screen and (max-width: 489px) {
  .u-hide-490-down {
    display: none;
  }
}
@media screen and (min-width: 500px) {
  .u-hide-500-up {
    display: none;
  }
}
@media screen and (max-width: 499px) {
  .u-hide-500-down {
    display: none;
  }
}
@media screen and (min-width: 510px) {
  .u-hide-510-up {
    display: none;
  }
}
@media screen and (max-width: 509px) {
  .u-hide-510-down {
    display: none;
  }
}
@media screen and (min-width: 520px) {
  .u-hide-520-up {
    display: none;
  }
}
@media screen and (max-width: 519px) {
  .u-hide-520-down {
    display: none;
  }
}
@media screen and (min-width: 530px) {
  .u-hide-530-up {
    display: none;
  }
}
@media screen and (max-width: 529px) {
  .u-hide-530-down {
    display: none;
  }
}
@media screen and (min-width: 540px) {
  .u-hide-540-up {
    display: none;
  }
}
@media screen and (max-width: 539px) {
  .u-hide-540-down {
    display: none;
  }
}
@media screen and (min-width: 550px) {
  .u-hide-550-up {
    display: none;
  }
}
@media screen and (max-width: 549px) {
  .u-hide-550-down {
    display: none;
  }
}
@media screen and (min-width: 560px) {
  .u-hide-560-up {
    display: none;
  }
}
@media screen and (max-width: 559px) {
  .u-hide-560-down {
    display: none;
  }
}
@media screen and (min-width: 570px) {
  .u-hide-570-up {
    display: none;
  }
}
@media screen and (max-width: 569px) {
  .u-hide-570-down {
    display: none;
  }
}
@media screen and (min-width: 580px) {
  .u-hide-580-up {
    display: none;
  }
}
@media screen and (max-width: 579px) {
  .u-hide-580-down {
    display: none;
  }
}
@media screen and (min-width: 590px) {
  .u-hide-590-up {
    display: none;
  }
}
@media screen and (max-width: 589px) {
  .u-hide-590-down {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .u-hide-600-up {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .u-hide-600-down {
    display: none;
  }
}
@media screen and (min-width: 610px) {
  .u-hide-610-up {
    display: none;
  }
}
@media screen and (max-width: 609px) {
  .u-hide-610-down {
    display: none;
  }
}
@media screen and (min-width: 620px) {
  .u-hide-620-up {
    display: none;
  }
}
@media screen and (max-width: 619px) {
  .u-hide-620-down {
    display: none;
  }
}
@media screen and (min-width: 630px) {
  .u-hide-630-up {
    display: none;
  }
}
@media screen and (max-width: 629px) {
  .u-hide-630-down {
    display: none;
  }
}
@media screen and (min-width: 640px) {
  .u-hide-640-up {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .u-hide-640-down {
    display: none;
  }
}
@media screen and (min-width: 650px) {
  .u-hide-650-up {
    display: none;
  }
}
@media screen and (max-width: 649px) {
  .u-hide-650-down {
    display: none;
  }
}
@media screen and (min-width: 660px) {
  .u-hide-660-up {
    display: none;
  }
}
@media screen and (max-width: 659px) {
  .u-hide-660-down {
    display: none;
  }
}
@media screen and (min-width: 670px) {
  .u-hide-670-up {
    display: none;
  }
}
@media screen and (max-width: 669px) {
  .u-hide-670-down {
    display: none;
  }
}
@media screen and (min-width: 680px) {
  .u-hide-680-up {
    display: none;
  }
}
@media screen and (max-width: 679px) {
  .u-hide-680-down {
    display: none;
  }
}
@media screen and (min-width: 690px) {
  .u-hide-690-up {
    display: none;
  }
}
@media screen and (max-width: 689px) {
  .u-hide-690-down {
    display: none;
  }
}
@media screen and (min-width: 700px) {
  .u-hide-700-up {
    display: none;
  }
}
@media screen and (max-width: 699px) {
  .u-hide-700-down {
    display: none;
  }
}
@media screen and (min-width: 710px) {
  .u-hide-710-up {
    display: none;
  }
}
@media screen and (max-width: 709px) {
  .u-hide-710-down {
    display: none;
  }
}
@media screen and (min-width: 720px) {
  .u-hide-720-up {
    display: none;
  }
}
@media screen and (max-width: 719px) {
  .u-hide-720-down {
    display: none;
  }
}
@media screen and (min-width: 730px) {
  .u-hide-730-up {
    display: none;
  }
}
@media screen and (max-width: 729px) {
  .u-hide-730-down {
    display: none;
  }
}
@media screen and (min-width: 740px) {
  .u-hide-740-up {
    display: none;
  }
}
@media screen and (max-width: 739px) {
  .u-hide-740-down {
    display: none;
  }
}
@media screen and (min-width: 750px) {
  .u-hide-750-up {
    display: none;
  }
}
@media screen and (max-width: 749px) {
  .u-hide-750-down {
    display: none;
  }
}
@media screen and (min-width: 760px) {
  .u-hide-760-up {
    display: none;
  }
}
@media screen and (max-width: 759px) {
  .u-hide-760-down {
    display: none;
  }
}
@media screen and (min-width: 770px) {
  .u-hide-770-up {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  .u-hide-770-down {
    display: none;
  }
}
@media screen and (min-width: 780px) {
  .u-hide-780-up {
    display: none;
  }
}
@media screen and (max-width: 779px) {
  .u-hide-780-down {
    display: none;
  }
}
@media screen and (min-width: 790px) {
  .u-hide-790-up {
    display: none;
  }
}
@media screen and (max-width: 789px) {
  .u-hide-790-down {
    display: none;
  }
}
@media screen and (min-width: 800px) {
  .u-hide-800-up {
    display: none;
  }
}
@media screen and (max-width: 799px) {
  .u-hide-800-down {
    display: none;
  }
}
@media screen and (min-width: 810px) {
  .u-hide-810-up {
    display: none;
  }
}
@media screen and (max-width: 809px) {
  .u-hide-810-down {
    display: none;
  }
}
@media screen and (min-width: 820px) {
  .u-hide-820-up {
    display: none;
  }
}
@media screen and (max-width: 819px) {
  .u-hide-820-down {
    display: none;
  }
}
@media screen and (min-width: 830px) {
  .u-hide-830-up {
    display: none;
  }
}
@media screen and (max-width: 829px) {
  .u-hide-830-down {
    display: none;
  }
}
@media screen and (min-width: 840px) {
  .u-hide-840-up {
    display: none;
  }
}
@media screen and (max-width: 839px) {
  .u-hide-840-down {
    display: none;
  }
}
@media screen and (min-width: 850px) {
  .u-hide-850-up {
    display: none;
  }
}
@media screen and (max-width: 849px) {
  .u-hide-850-down {
    display: none;
  }
}
@media screen and (min-width: 860px) {
  .u-hide-860-up {
    display: none;
  }
}
@media screen and (max-width: 859px) {
  .u-hide-860-down {
    display: none;
  }
}
@media screen and (min-width: 870px) {
  .u-hide-870-up {
    display: none;
  }
}
@media screen and (max-width: 869px) {
  .u-hide-870-down {
    display: none;
  }
}
@media screen and (min-width: 880px) {
  .u-hide-880-up {
    display: none;
  }
}
@media screen and (max-width: 879px) {
  .u-hide-880-down {
    display: none;
  }
}
@media screen and (min-width: 890px) {
  .u-hide-890-up {
    display: none;
  }
}
@media screen and (max-width: 889px) {
  .u-hide-890-down {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .u-hide-900-up {
    display: none;
  }
}
@media screen and (max-width: 899px) {
  .u-hide-900-down {
    display: none;
  }
}
@media screen and (min-width: 910px) {
  .u-hide-910-up {
    display: none;
  }
}
@media screen and (max-width: 909px) {
  .u-hide-910-down {
    display: none;
  }
}
@media screen and (min-width: 920px) {
  .u-hide-920-up {
    display: none;
  }
}
@media screen and (max-width: 919px) {
  .u-hide-920-down {
    display: none;
  }
}
@media screen and (min-width: 930px) {
  .u-hide-930-up {
    display: none;
  }
}
@media screen and (max-width: 929px) {
  .u-hide-930-down {
    display: none;
  }
}
@media screen and (min-width: 940px) {
  .u-hide-940-up {
    display: none;
  }
}
@media screen and (max-width: 939px) {
  .u-hide-940-down {
    display: none;
  }
}
@media screen and (min-width: 950px) {
  .u-hide-950-up {
    display: none;
  }
}
@media screen and (max-width: 949px) {
  .u-hide-950-down {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .u-hide-960-up {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .u-hide-960-down {
    display: none;
  }
}
@media screen and (min-width: 970px) {
  .u-hide-970-up {
    display: none;
  }
}
@media screen and (max-width: 969px) {
  .u-hide-970-down {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .u-hide-980-up {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .u-hide-980-down {
    display: none;
  }
}
@media screen and (min-width: 990px) {
  .u-hide-990-up {
    display: none;
  }
}
@media screen and (max-width: 989px) {
  .u-hide-990-down {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .u-hide-1000-up {
    display: none;
  }
}
@media screen and (max-width: 999px) {
  .u-hide-1000-down {
    display: none;
  }
}
@media screen and (min-width: 1010px) {
  .u-hide-1010-up {
    display: none;
  }
}
@media screen and (max-width: 1009px) {
  .u-hide-1010-down {
    display: none;
  }
}
@media screen and (min-width: 1020px) {
  .u-hide-1020-up {
    display: none;
  }
}
@media screen and (max-width: 1019px) {
  .u-hide-1020-down {
    display: none;
  }
}
@media screen and (min-width: 1030px) {
  .u-hide-1030-up {
    display: none;
  }
}
@media screen and (max-width: 1029px) {
  .u-hide-1030-down {
    display: none;
  }
}
@media screen and (min-width: 1040px) {
  .u-hide-1040-up {
    display: none;
  }
}
@media screen and (max-width: 1039px) {
  .u-hide-1040-down {
    display: none;
  }
}
@media screen and (min-width: 1050px) {
  .u-hide-1050-up {
    display: none;
  }
}
@media screen and (max-width: 1049px) {
  .u-hide-1050-down {
    display: none;
  }
}
@media screen and (min-width: 1060px) {
  .u-hide-1060-up {
    display: none;
  }
}
@media screen and (max-width: 1059px) {
  .u-hide-1060-down {
    display: none;
  }
}
@media screen and (min-width: 1070px) {
  .u-hide-1070-up {
    display: none;
  }
}
@media screen and (max-width: 1069px) {
  .u-hide-1070-down {
    display: none;
  }
}
@media screen and (min-width: 1080px) {
  .u-hide-1080-up {
    display: none;
  }
}
@media screen and (max-width: 1079px) {
  .u-hide-1080-down {
    display: none;
  }
}
@media screen and (min-width: 1090px) {
  .u-hide-1090-up {
    display: none;
  }
}
@media screen and (max-width: 1089px) {
  .u-hide-1090-down {
    display: none;
  }
}
@media screen and (min-width: 1100px) {
  .u-hide-1100-up {
    display: none;
  }
}
@media screen and (max-width: 1099px) {
  .u-hide-1100-down {
    display: none;
  }
}
@media screen and (min-width: 1110px) {
  .u-hide-1110-up {
    display: none;
  }
}
@media screen and (max-width: 1109px) {
  .u-hide-1110-down {
    display: none;
  }
}
@media screen and (min-width: 1120px) {
  .u-hide-1120-up {
    display: none;
  }
}
@media screen and (max-width: 1119px) {
  .u-hide-1120-down {
    display: none;
  }
}
@media screen and (min-width: 1130px) {
  .u-hide-1130-up {
    display: none;
  }
}
@media screen and (max-width: 1129px) {
  .u-hide-1130-down {
    display: none;
  }
}
@media screen and (min-width: 1140px) {
  .u-hide-1140-up {
    display: none;
  }
}
@media screen and (max-width: 1139px) {
  .u-hide-1140-down {
    display: none;
  }
}
@media screen and (min-width: 1150px) {
  .u-hide-1150-up {
    display: none;
  }
}
@media screen and (max-width: 1149px) {
  .u-hide-1150-down {
    display: none;
  }
}
@media screen and (min-width: 1160px) {
  .u-hide-1160-up {
    display: none;
  }
}
@media screen and (max-width: 1159px) {
  .u-hide-1160-down {
    display: none;
  }
}
@media screen and (min-width: 1170px) {
  .u-hide-1170-up {
    display: none;
  }
}
@media screen and (max-width: 1169px) {
  .u-hide-1170-down {
    display: none;
  }
}
@media screen and (min-width: 1180px) {
  .u-hide-1180-up {
    display: none;
  }
}
@media screen and (max-width: 1179px) {
  .u-hide-1180-down {
    display: none;
  }
}
@media screen and (min-width: 1190px) {
  .u-hide-1190-up {
    display: none;
  }
}
@media screen and (max-width: 1189px) {
  .u-hide-1190-down {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .u-hide-1200-up {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .u-hide-1200-down {
    display: none;
  }
}
@media screen and (min-width: 1210px) {
  .u-hide-1210-up {
    display: none;
  }
}
@media screen and (max-width: 1209px) {
  .u-hide-1210-down {
    display: none;
  }
}
@media screen and (min-width: 1220px) {
  .u-hide-1220-up {
    display: none;
  }
}
@media screen and (max-width: 1219px) {
  .u-hide-1220-down {
    display: none;
  }
}
@media screen and (min-width: 1230px) {
  .u-hide-1230-up {
    display: none;
  }
}
@media screen and (max-width: 1229px) {
  .u-hide-1230-down {
    display: none;
  }
}
@media screen and (min-width: 1240px) {
  .u-hide-1240-up {
    display: none;
  }
}
@media screen and (max-width: 1239px) {
  .u-hide-1240-down {
    display: none;
  }
}
@media screen and (min-width: 1250px) {
  .u-hide-1250-up {
    display: none;
  }
}
@media screen and (max-width: 1249px) {
  .u-hide-1250-down {
    display: none;
  }
}
@media screen and (min-width: 1260px) {
  .u-hide-1260-up {
    display: none;
  }
}
@media screen and (max-width: 1259px) {
  .u-hide-1260-down {
    display: none;
  }
}
@media screen and (min-width: 1270px) {
  .u-hide-1270-up {
    display: none;
  }
}
@media screen and (max-width: 1269px) {
  .u-hide-1270-down {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .u-hide-1280-up {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  .u-hide-1280-down {
    display: none;
  }
}
@media screen and (min-width: 1290px) {
  .u-hide-1290-up {
    display: none;
  }
}
@media screen and (max-width: 1289px) {
  .u-hide-1290-down {
    display: none;
  }
}
@media screen and (min-width: 1300px) {
  .u-hide-1300-up {
    display: none;
  }
}
@media screen and (max-width: 1299px) {
  .u-hide-1300-down {
    display: none;
  }
}
@media screen and (min-width: 1310px) {
  .u-hide-1310-up {
    display: none;
  }
}
@media screen and (max-width: 1309px) {
  .u-hide-1310-down {
    display: none;
  }
}
@media screen and (min-width: 1320px) {
  .u-hide-1320-up {
    display: none;
  }
}
@media screen and (max-width: 1319px) {
  .u-hide-1320-down {
    display: none;
  }
}
@media screen and (min-width: 1330px) {
  .u-hide-1330-up {
    display: none;
  }
}
@media screen and (max-width: 1329px) {
  .u-hide-1330-down {
    display: none;
  }
}
@media screen and (min-width: 1340px) {
  .u-hide-1340-up {
    display: none;
  }
}
@media screen and (max-width: 1339px) {
  .u-hide-1340-down {
    display: none;
  }
}
@media screen and (min-width: 1350px) {
  .u-hide-1350-up {
    display: none;
  }
}
@media screen and (max-width: 1349px) {
  .u-hide-1350-down {
    display: none;
  }
}
@media screen and (min-width: 1360px) {
  .u-hide-1360-up {
    display: none;
  }
}
@media screen and (max-width: 1359px) {
  .u-hide-1360-down {
    display: none;
  }
}
@media screen and (min-width: 1370px) {
  .u-hide-1370-up {
    display: none;
  }
}
@media screen and (max-width: 1369px) {
  .u-hide-1370-down {
    display: none;
  }
}
@media screen and (min-width: 1380px) {
  .u-hide-1380-up {
    display: none;
  }
}
@media screen and (max-width: 1379px) {
  .u-hide-1380-down {
    display: none;
  }
}
@media screen and (min-width: 1390px) {
  .u-hide-1390-up {
    display: none;
  }
}
@media screen and (max-width: 1389px) {
  .u-hide-1390-down {
    display: none;
  }
}
@media screen and (min-width: 1400px) {
  .u-hide-1400-up {
    display: none;
  }
}
@media screen and (max-width: 1399px) {
  .u-hide-1400-down {
    display: none;
  }
}
@media screen and (min-width: 1410px) {
  .u-hide-1410-up {
    display: none;
  }
}
@media screen and (max-width: 1409px) {
  .u-hide-1410-down {
    display: none;
  }
}
@media screen and (min-width: 1420px) {
  .u-hide-1420-up {
    display: none;
  }
}
@media screen and (max-width: 1419px) {
  .u-hide-1420-down {
    display: none;
  }
}
@media screen and (min-width: 1430px) {
  .u-hide-1430-up {
    display: none;
  }
}
@media screen and (max-width: 1429px) {
  .u-hide-1430-down {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .u-hide-1440-up {
    display: none;
  }
}
@media screen and (max-width: 1439px) {
  .u-hide-1440-down {
    display: none;
  }
}
@media screen and (min-width: 1450px) {
  .u-hide-1450-up {
    display: none;
  }
}
@media screen and (max-width: 1449px) {
  .u-hide-1450-down {
    display: none;
  }
}
@media screen and (min-width: 1460px) {
  .u-hide-1460-up {
    display: none;
  }
}
@media screen and (max-width: 1459px) {
  .u-hide-1460-down {
    display: none;
  }
}
@media screen and (min-width: 1470px) {
  .u-hide-1470-up {
    display: none;
  }
}
@media screen and (max-width: 1469px) {
  .u-hide-1470-down {
    display: none;
  }
}
@media screen and (min-width: 1480px) {
  .u-hide-1480-up {
    display: none;
  }
}
@media screen and (max-width: 1479px) {
  .u-hide-1480-down {
    display: none;
  }
}
@media screen and (min-width: 1490px) {
  .u-hide-1490-up {
    display: none;
  }
}
@media screen and (max-width: 1489px) {
  .u-hide-1490-down {
    display: none;
  }
}
@media screen and (min-width: 1500px) {
  .u-hide-1500-up {
    display: none;
  }
}
@media screen and (max-width: 1499px) {
  .u-hide-1500-down {
    display: none;
  }
}
@media screen and (min-width: 1510px) {
  .u-hide-1510-up {
    display: none;
  }
}
@media screen and (max-width: 1509px) {
  .u-hide-1510-down {
    display: none;
  }
}
@media screen and (min-width: 1520px) {
  .u-hide-1520-up {
    display: none;
  }
}
@media screen and (max-width: 1519px) {
  .u-hide-1520-down {
    display: none;
  }
}
@media screen and (min-width: 1530px) {
  .u-hide-1530-up {
    display: none;
  }
}
@media screen and (max-width: 1529px) {
  .u-hide-1530-down {
    display: none;
  }
}
@media screen and (min-width: 1540px) {
  .u-hide-1540-up {
    display: none;
  }
}
@media screen and (max-width: 1539px) {
  .u-hide-1540-down {
    display: none;
  }
}
@media screen and (min-width: 1550px) {
  .u-hide-1550-up {
    display: none;
  }
}
@media screen and (max-width: 1549px) {
  .u-hide-1550-down {
    display: none;
  }
}
@media screen and (min-width: 1560px) {
  .u-hide-1560-up {
    display: none;
  }
}
@media screen and (max-width: 1559px) {
  .u-hide-1560-down {
    display: none;
  }
}
@media screen and (min-width: 1570px) {
  .u-hide-1570-up {
    display: none;
  }
}
@media screen and (max-width: 1569px) {
  .u-hide-1570-down {
    display: none;
  }
}
@media screen and (min-width: 1580px) {
  .u-hide-1580-up {
    display: none;
  }
}
@media screen and (max-width: 1579px) {
  .u-hide-1580-down {
    display: none;
  }
}
@media screen and (min-width: 1590px) {
  .u-hide-1590-up {
    display: none;
  }
}
@media screen and (max-width: 1589px) {
  .u-hide-1590-down {
    display: none;
  }
}
@media screen and (min-width: 1600px) {
  .u-hide-1600-up {
    display: none;
  }
}
@media screen and (max-width: 1599px) {
  .u-hide-1600-down {
    display: none;
  }
}
@media screen and (min-width: 1610px) {
  .u-hide-1610-up {
    display: none;
  }
}
@media screen and (max-width: 1609px) {
  .u-hide-1610-down {
    display: none;
  }
}
@media screen and (min-width: 1620px) {
  .u-hide-1620-up {
    display: none;
  }
}
@media screen and (max-width: 1619px) {
  .u-hide-1620-down {
    display: none;
  }
}
@media screen and (min-width: 1630px) {
  .u-hide-1630-up {
    display: none;
  }
}
@media screen and (max-width: 1629px) {
  .u-hide-1630-down {
    display: none;
  }
}
@media screen and (min-width: 1640px) {
  .u-hide-1640-up {
    display: none;
  }
}
@media screen and (max-width: 1639px) {
  .u-hide-1640-down {
    display: none;
  }
}
@media screen and (min-width: 1650px) {
  .u-hide-1650-up {
    display: none;
  }
}
@media screen and (max-width: 1649px) {
  .u-hide-1650-down {
    display: none;
  }
}
@media screen and (min-width: 1660px) {
  .u-hide-1660-up {
    display: none;
  }
}
@media screen and (max-width: 1659px) {
  .u-hide-1660-down {
    display: none;
  }
}
@media screen and (min-width: 1670px) {
  .u-hide-1670-up {
    display: none;
  }
}
@media screen and (max-width: 1669px) {
  .u-hide-1670-down {
    display: none;
  }
}
@media screen and (min-width: 1680px) {
  .u-hide-1680-up {
    display: none;
  }
}
@media screen and (max-width: 1679px) {
  .u-hide-1680-down {
    display: none;
  }
}
@media screen and (min-width: 1690px) {
  .u-hide-1690-up {
    display: none;
  }
}
@media screen and (max-width: 1689px) {
  .u-hide-1690-down {
    display: none;
  }
}
@media screen and (min-width: 1700px) {
  .u-hide-1700-up {
    display: none;
  }
}
@media screen and (max-width: 1699px) {
  .u-hide-1700-down {
    display: none;
  }
}
@media screen and (min-width: 1710px) {
  .u-hide-1710-up {
    display: none;
  }
}
@media screen and (max-width: 1709px) {
  .u-hide-1710-down {
    display: none;
  }
}
@media screen and (min-width: 1720px) {
  .u-hide-1720-up {
    display: none;
  }
}
@media screen and (max-width: 1719px) {
  .u-hide-1720-down {
    display: none;
  }
}
@media screen and (min-width: 1730px) {
  .u-hide-1730-up {
    display: none;
  }
}
@media screen and (max-width: 1729px) {
  .u-hide-1730-down {
    display: none;
  }
}
@media screen and (min-width: 1740px) {
  .u-hide-1740-up {
    display: none;
  }
}
@media screen and (max-width: 1739px) {
  .u-hide-1740-down {
    display: none;
  }
}
@media screen and (min-width: 1750px) {
  .u-hide-1750-up {
    display: none;
  }
}
@media screen and (max-width: 1749px) {
  .u-hide-1750-down {
    display: none;
  }
}
@media screen and (min-width: 1760px) {
  .u-hide-1760-up {
    display: none;
  }
}
@media screen and (max-width: 1759px) {
  .u-hide-1760-down {
    display: none;
  }
}
@media screen and (min-width: 1770px) {
  .u-hide-1770-up {
    display: none;
  }
}
@media screen and (max-width: 1769px) {
  .u-hide-1770-down {
    display: none;
  }
}
@media screen and (min-width: 1780px) {
  .u-hide-1780-up {
    display: none;
  }
}
@media screen and (max-width: 1779px) {
  .u-hide-1780-down {
    display: none;
  }
}
@media screen and (min-width: 1790px) {
  .u-hide-1790-up {
    display: none;
  }
}
@media screen and (max-width: 1789px) {
  .u-hide-1790-down {
    display: none;
  }
}
@media screen and (min-width: 1800px) {
  .u-hide-1800-up {
    display: none;
  }
}
@media screen and (max-width: 1799px) {
  .u-hide-1800-down {
    display: none;
  }
}
@media screen and (min-width: 1810px) {
  .u-hide-1810-up {
    display: none;
  }
}
@media screen and (max-width: 1809px) {
  .u-hide-1810-down {
    display: none;
  }
}
@media screen and (min-width: 1820px) {
  .u-hide-1820-up {
    display: none;
  }
}
@media screen and (max-width: 1819px) {
  .u-hide-1820-down {
    display: none;
  }
}
@media screen and (min-width: 1830px) {
  .u-hide-1830-up {
    display: none;
  }
}
@media screen and (max-width: 1829px) {
  .u-hide-1830-down {
    display: none;
  }
}
@media screen and (min-width: 1840px) {
  .u-hide-1840-up {
    display: none;
  }
}
@media screen and (max-width: 1839px) {
  .u-hide-1840-down {
    display: none;
  }
}
@media screen and (min-width: 1850px) {
  .u-hide-1850-up {
    display: none;
  }
}
@media screen and (max-width: 1849px) {
  .u-hide-1850-down {
    display: none;
  }
}
@media screen and (min-width: 1860px) {
  .u-hide-1860-up {
    display: none;
  }
}
@media screen and (max-width: 1859px) {
  .u-hide-1860-down {
    display: none;
  }
}
@media screen and (min-width: 1870px) {
  .u-hide-1870-up {
    display: none;
  }
}
@media screen and (max-width: 1869px) {
  .u-hide-1870-down {
    display: none;
  }
}
@media screen and (min-width: 1880px) {
  .u-hide-1880-up {
    display: none;
  }
}
@media screen and (max-width: 1879px) {
  .u-hide-1880-down {
    display: none;
  }
}
@media screen and (min-width: 1890px) {
  .u-hide-1890-up {
    display: none;
  }
}
@media screen and (max-width: 1889px) {
  .u-hide-1890-down {
    display: none;
  }
}
@media screen and (min-width: 1900px) {
  .u-hide-1900-up {
    display: none;
  }
}
@media screen and (max-width: 1899px) {
  .u-hide-1900-down {
    display: none;
  }
}
@media screen and (min-width: 1910px) {
  .u-hide-1910-up {
    display: none;
  }
}
@media screen and (max-width: 1909px) {
  .u-hide-1910-down {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .u-hide-1920-up {
    display: none;
  }
}
@media screen and (max-width: 1919px) {
  .u-hide-1920-down {
    display: none;
  }
}
@media screen and (min-width: 1930px) {
  .u-hide-1930-up {
    display: none;
  }
}
@media screen and (max-width: 1929px) {
  .u-hide-1930-down {
    display: none;
  }
}
@media screen and (min-width: 1940px) {
  .u-hide-1940-up {
    display: none;
  }
}
@media screen and (max-width: 1939px) {
  .u-hide-1940-down {
    display: none;
  }
}
@media screen and (min-width: 1950px) {
  .u-hide-1950-up {
    display: none;
  }
}
@media screen and (max-width: 1949px) {
  .u-hide-1950-down {
    display: none;
  }
}
@media screen and (min-width: 1960px) {
  .u-hide-1960-up {
    display: none;
  }
}
@media screen and (max-width: 1959px) {
  .u-hide-1960-down {
    display: none;
  }
}
@media screen and (min-width: 1970px) {
  .u-hide-1970-up {
    display: none;
  }
}
@media screen and (max-width: 1969px) {
  .u-hide-1970-down {
    display: none;
  }
}
@media screen and (min-width: 1980px) {
  .u-hide-1980-up {
    display: none;
  }
}
@media screen and (max-width: 1979px) {
  .u-hide-1980-down {
    display: none;
  }
}
@media screen and (min-width: 1990px) {
  .u-hide-1990-up {
    display: none;
  }
}
@media screen and (max-width: 1989px) {
  .u-hide-1990-down {
    display: none;
  }
}
@media screen and (min-width: 2000px) {
  .u-hide-2000-up {
    display: none;
  }
}
@media screen and (max-width: 1999px) {
  .u-hide-2000-down {
    display: none;
  }
}
.fwb {
  font-weight: bold;
}

.uppercase {
  text-transform: uppercase;
}

.uppercase-none {
  text-transform: none;
}

.about__inner {
  background-color: #ffffff;
  padding: 56px min(5vw, 74px) 64px;
}

@media screen and (max-width: 767px) {
  .about__inner {
    padding: 32px min(5vw, 74px) 40px;
  }
}
.about__kagami {
  max-width: 84px;
  width: 10%;
  margin: auto;
}

.about__text {
  font-size: clamp(16.8px, 2.2222222222vw, 28.8px);
  font-weight: 600;
}

@media screen and (max-width: 404px) {
  .about__text {
    text-align: left;
  }
}
@media screen and (max-width: 404px) {
  .about__text p:not(:has(.--large)) br {
    display: none;
  }
}
.about__text p:has(.--large) {
  text-align: center;
  font-size: 1.3em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7em;
}

@media screen and (max-width: 559px) {
  .about__text p:has(.--large) {
    gap: 1.5em;
  }
}
@media screen and (max-width: 3749px) {
  .about__text p:has(.--large) {
    font-size: 1.1em;
    font-weight: 700;
  }
}
.about__text p:has(.--large)::before, .about__text p:has(.--large)::after {
  content: "";
  display: block;
  width: 2px;
  height: 1.5em;
  background-color: #000;
}

@media screen and (max-width: 559px) {
  .about__text p:has(.--large)::before, .about__text p:has(.--large)::after {
    height: 3em;
  }
}
.about__text p:has(.--large)::before {
  transform: rotate(-30deg);
}

.about__text p:has(.--large)::after {
  transform: rotate(30deg);
}

.tarupo {
  margin: 120px 0;
  position: relative;
  color: #fff;
}

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

.tarupo::before, .tarupo::after {
  content: "";
  display: block;
  width: 100%;
  height: 30vw;
  background-color: var(--color-tarupo) !important;
  clip-path: ellipse(55% 50% at 50% 50%);
}

.tarupo::before {
  margin-bottom: -20vw;
}

.tarupo::after {
  margin-top: -20vw;
}

@media screen and (max-width: 600px) {
  .tarupo {
    font-size: 14px;
  }
}
@media screen and (min-width: 1280px) {
  .tarupo {
    margin: 20vw 0;
  }
  .tarupo::before, .tarupo::after {
    clip-path: ellipse(65% 50% at 50% 50%);
  }
  .tarupo::before {
    margin-bottom: -23vw;
  }
  .tarupo::after {
    margin-top: -23vw;
  }
}
.tarupo__inner {
  text-align: center;
  background-color: var(--color-tarupo) !important;
  position: relative;
  z-index: 1;
}

.tarupo__dsc {
  font-size: 1.2em;
  font-weight: 700;
}

.tarupo__dsc .--sp {
  display: none;
}

@media screen and (max-width: 480px) {
  .tarupo__dsc .--sp {
    display: inherit;
  }
}
.tarupo__ttl {
  width: 40vw;
  max-width: 200px;
  margin: 40px auto;
}

.tarupo__link a {
  display: flex;
  width: 220px;
  height: 40px;
  background-color: #fff;
  color: var(--color-tarupo) !important;
  text-decoration: none !important;
  line-height: 30px;
  font-weight: bold;
  margin: auto;
  padding-right: 30px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.tarupo__link a::after {
  content: "";
  display: block;
  width: 0.8660254038em;
  height: 1em;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--color-tarupo) !important;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.tarupo__link a:hover {
  filter: brightness(1.1);
}