/* CSS Document */ :where(.hajimete) p, :where(.hajimete) ul, :where(.hajimete) ol, :where(.hajimete) dl, :where(.hajimete) table {
  font-size: 16px;
  line-height: 1.8
}
@media print, screen and (max-width: 480px) {
  :where(.hajimete) p, :where(.hajimete) ul, :where(.hajimete) ol, :where(.hajimete) dl, :where(.hajimete) table {
    font-size: 14px;
    line-height: 1.6
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  :where(.hajimete) p, :where(.hajimete) ul, :where(.hajimete) ol, :where(.hajimete) dl, :where(.hajimete) table {
    font-size: 14px;
    line-height: 1.6
  }
}
:where(.hajimete) img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto
}
#block-kuroharuheshihetsuta, #block-farennookeyangsafumeniyu, #block-kuroharufutsuta {
  background: #fff
}
@media print, screen and (min-width:1921px) {
  .l-container__inner {
    position: relative;
    z-index: 30;
    margin-bottom: -54px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .l-container__inner {
    position: relative;
    z-index: 30;
    margin-bottom: -54px !important
  }
}
#dbk-small-print {
  margin-bottom: 0;
  padding-bottom: 24px
}
.is-fixed .l-wrapper_bg, .is-fixed .l-sidenav, .is-fixed .l-illust {
  position: fixed
}
.is-fixed.is-abs-b .l-wrapper_bg, .is-fixed.is-abs-b .l-sidenav, .is-fixed.is-abs-b .l-illust {
  position: absolute;
  top: auto;
  bottom: 0
}
.l-wrapper {
  position: relative
}
.l-wrapper_inr {
  position: relative;
  z-index: 10
}
.l-wrapper_bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/bg.jpg) no-repeat center/cover
}
@media print, screen and (max-width: 480px) {
  .l-wrapper_bg {
    display: none
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .l-wrapper_bg {
    display: none
  }
}
.l-illust {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0
}
.l-illust_inr {
  position: absolute;
  z-index: 11;
  width: 437px;
  left: 50%;
  margin-left: 186px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-illust_inr {
    width: 36.4166666667vw;
    margin-left: 15.5vw
  }
}
.l-sidenav {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0
}
.l-sidenav_logo {
  width: 214px;
  margin: 0 auto 33px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_logo {
    width: 17.8333333333vw;
    margin: 0 auto 2.75vw
  }
}
.l-sidenav_chara {
  position: absolute;
  bottom: 0;
  left: 83px;
  width: 123px;
  pointer-events: none
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_chara {
    left: 6.9166666667vw;
    width: 10.25vw
  }
}
.l-sidenav_inr {
  position: absolute;
  z-index: 11;
  width: 290px;
  right: 50%;
  margin-right: 260px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr {
    width: 24.1666666667vw;
    margin-right: 21.6666666667vw
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr .p-point_tl {
    font-size: 1.8333333333vw;
    padding: 2.0833333333vw 1.6666666667vw;
    border-top-left-radius: 1.5vw;
    border-top-right-radius: 1.5vw
  }
}
.l-sidenav_inr .l-pnav {
  border: none
}
.l-sidenav_inr .l-pnavList {
  border: solid 2px #000;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr .l-pnavList {
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw
  }
}
.l-sidenav_inr .l-pnavListItem_a {
  padding: 11px 20px;
  font-size: 20px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr .l-pnavListItem_a {
    padding: .9166666667vw 1.6666666667vw;
    font-size: 1.6666666667vw
  }
}
.l-sidenav_inr .l-pnavListItem_a .c-ico {
  margin-right: 10px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr .l-pnavListItem_a .c-ico {
    margin-right: .8333333333vw;
    width: 3.6666666667vw
  }
}
.l-sidenav_inr .c-btn-start {
  border-width: 2px;
  width: 100%;
  padding: 15px 0
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr .c-btn-start {
    padding: 1.25vw 0
  }
}
.l-sidenav_inr .c-btn-start .c-btn_inr {
  font-size: 18px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr .c-btn-start .c-btn_inr {
    font-size: 1.5vw
  }
}
.l-sidenav_inr .c-btn-start .c-ico-search {
  width: 23px;
  right: 30px;
  height: 24px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr .c-btn-start .c-ico-search {
    width: 1.9166666667vw;
    right: 2.5vw;
    height: 2vw
  }
}
.l-sidenav_inr .c-btns {
  margin-bottom: 89px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-sidenav_inr .c-btns {
    margin-bottom: 7.4166666667vw
  }
}
.l-pnav {
  border: solid 2px #000;
  border-top: none;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-pnav {
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw
  }
}
.l-pnavList {
  border-bottom: dotted 2px #000;
  margin-bottom: 15px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-pnavList {
    margin-bottom: 1.25vw
  }
}
.l-pnavListItem {
  border-top: dotted 2px #000
}
.l-pnavListItem:nth-of-type(1) {
  border-top: none
}
.l-pnavListItem_a {
  display: block;
  padding: 12px 20px;
  color: #000 !important;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none !important;
  -webkit-transition: color .2s ease-out 0s, background .2s ease-out 0s;
  transition: color .2s ease-out 0s, background .2s ease-out 0s
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-pnavListItem_a {
    font-size: 15px;
    padding: 1vw 1.6666666667vw;
    font-size: 1.8333333333vw
  }
}
@media print, screen and (max-width: 480px) {
  .l-pnavListItem_a {
    font-size: 18px
  }
}
.l-pnavListItem_a * {
  vertical-align: middle
}
.l-pnavListItem_a.is-on {
  color: #fff !important;
  background: #000
}
.l-pnavListItem_a.is-on .c-ico-cpu::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-cpu-w.svg)
}
.l-pnavListItem_a.is-on .c-ico-npu::before {
  background-image: url(/sites/default/files/dynabook-b2c/personal/find-your-dynabook/img_2602/ico-npu-w.svg)
}
.l-pnavListItem_a.is-on .c-ico-memory::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-memory-w.svg)
}
.l-pnavListItem_a.is-on .c-ico-storage::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-storage-w.svg)
}
.l-pnavListItem_a.is-on .c-ico-display::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-display-w.svg)
}
.l-pnavListItem_a.is-on .c-ico-interface::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-interface-w.svg)
}
.l-pnavListItem_a.is-on .c-ico-copilot::before {
  background-image: url(/sites/default/files/dynabook-b2c/personal/find-your-dynabook/img_2602/ico-copilot-w.svg)
}




@media(any-hover: hover) {
  .l-pnavListItem_a:hover {
    color: #fff !important;
    background: #000
  }
  .l-pnavListItem_a:hover .c-ico-cpu::before {
    background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-cpu-w.svg)
  }
  .l-pnavListItem_a:hover .c-ico-npu::before {
    background-image: url(/sites/default/files/dynabook-b2c/personal/find-your-dynabook/img_2602/ico-npu-w.svg)
  }
  .l-pnavListItem_a:hover .c-ico-memory::before {
    background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-memory-w.svg)
  }
  .l-pnavListItem_a:hover .c-ico-storage::before {
    background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-storage-w.svg)
  }
  .l-pnavListItem_a:hover .c-ico-display::before {
    background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-display-w.svg)
  }
  .l-pnavListItem_a:hover .c-ico-interface::before {
    background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-interface-w.svg)
  }
  .l-pnavListItem_a:hover .c-ico-copilot::before {
    background-image: url(/sites/default/files/dynabook-b2c/personal/find-your-dynabook/img_2602/ico-copilot-w.svg)
  }
}
.l-pnavListItem_txt {
  font-weight: 700 !important
}
.l-main {
  position: relative;
  z-index: 10;
  max-width: 425px;
  margin: 0 auto;
  padding: clamp(0%, 54px + 3.4722222222vw, 104px) 0 clamp(0%, 6.9444444444vw, 100px)
}
@media print, screen and (max-width: 480px) {
  .l-main {
    padding: clamp(0%, 8vw, 30px) 0 clamp(0%, 13.3333333333vw, 50px)
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .l-main {
    padding: clamp(0%, 8vw, 30px) 0 clamp(0%, 13.3333333333vw, 50px)
  }
}
.l-main #point, .l-main #chart {
  position: absolute;
  top: 20px;
  left: -101vw;
  opacity: 0;
  width: 100%;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s ease-out .2s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s ease-out .2s
}
.l-main#is-point #point {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s ease-out 0s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s ease-out 0s
}
.l-main#is-chart #chart {
  position: relative;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s ease-out 0s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s ease-out 0s
}
.l-main_inr {
  position: relative;
  border-radius: 18px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  overflow: hidden;
  background: #fff;
  padding-bottom: clamp(0%, 2.0833333333vw, 30px);
  margin: 0 auto;
  max-width: 425px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .l-main_inr {
    border-radius: 1.5vw;
    width: 35.4166666667vw
  }
}
@media print, screen and (max-width: 480px) {
  .l-main_inr {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .l-main_inr {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.c-btn {
  postion: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  width: 81.1764705882%
}
.c-btn_inr {
  display: block
}
.c-btn_ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.c-btn-start {
  position: relative;
  border: solid 3px #000;
  border-radius: 100px;
  padding: 15px 0;
  text-align: center;
  background: #fff001;
  -webkit-box-shadow: 0 7px #ccc;
  box-shadow: 0 7px #ccc;
  -webkit-transition: color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  transition: color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  transition: transform .2s ease-out 0s, box-shadow .2s ease-out 0s, color .2s ease-out 0s, background .2s ease-out 0s;
  transition: transform .2s ease-out 0s, box-shadow .2s ease-out 0s, color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  color: #000 !important
}
@media(any-hover: hover) {
  .c-btn-start:hover {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
    -webkit-box-shadow: 0 0 #ccc;
    box-shadow: 0 0 #ccc;
    color: #fff;
    background: #000;
    color: #fff !important
  }
  .c-btn-start:hover .c-ico-search::before {
    background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-search-w.svg)
  }
}
.c-btn-start .c-ico-search {
  right: 20px;
  width: 37px;
  height: 37px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .c-btn-start .c-ico-search {
    right: clamp(0%, 4vw, 15px);
    width: clamp(0%, 5.8666666667vw, 22px);
    height: clamp(0%, 5.8666666667vw, 22px)
  }
}
@media print, screen and (max-width: 480px) {
  .c-btn-start .c-ico-search {
    right: clamp(0%, 4vw, 15px);
    width: clamp(0%, 5.8666666667vw, 22px);
    height: clamp(0%, 5.8666666667vw, 22px)
  }
}
.c-btn-start .c-btn_inr {
  font-size: 22px;
  font-weight: 700
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .c-btn-start .c-btn_inr {
    font-size: 15px
  }
}
@media print, screen and (max-width: 480px) {
  .c-btn-start .c-btn_inr {
    font-size: 18px
  }
}
.c-btn_ico {
  position: aboslute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.c-sec_inr {
  width: 88.2352941176%;
  margin: 0 auto
}
.c-ico {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44px;
  heiht: 44px
}
.c-ico::before {
  content: " ";
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat
}
.c-ico-cpu::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-cpu.svg);
  width: 72.7272727273%;
  padding-bottom: 72.7272727273%
}
.c-ico-memory::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-memory.svg);
  width: 100%;
  padding-bottom: 50%
}
.c-ico-storage::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-storage.svg);
  width: 72.7272727273%;
  padding-bottom: 72.7272727273%
}
.c-ico-display::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-display.svg);
  width: 86.3636363636%;
  padding-bottom: 61.3636363636%
}
.c-ico-interface::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-interface.svg);
  width: 70.4545454545%;
  padding-bottom: 77.2727272727%
}



.c-ico-npu::before {
  background-image: url(/sites/default/files/dynabook-b2c/personal/find-your-dynabook/img_2602/ico-npu.svg);
  width: 70.4545454545%;
  padding-bottom: 77.2727272727%
}

.c-ico-copilot::before {
  background-image: url(/sites/default/files/dynabook-b2c/personal/find-your-dynabook/img_2602/ico-copilot.svg);
  width: 70.4545454545%;
  padding-bottom: 77.2727272727%
}



.c-ico-search {
  width: 37px;
  height: 37px
}
.c-ico-search::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-search.svg);
  width: 100%;
  padding-bottom: 100%
}
.c-ico-ext {
  width: 12px;
  height: 11px
}
.c-ico-ext::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-ext.svg);
  width: 100%;
  padding-bottom: 100%
}
@-webkit-keyframes kv_gallery_bg {
  0% {
    left: 0%
  }
  100% {
    left: -412.2352941176%
  }
}
@keyframes kv_gallery_bg {
  0% {
    left: 0%
  }
  100% {
    left: -412.2352941176%
  }
}
.p-kv {
  padding-top: 6.3529411765%;
  margin-bottom: 13.4117647059%
}
.p-kv_tl {
  width: 91.2941176471%;
  margin: 0 auto 2.3529411765%
}
.p-kv_txt {
  position: relative;
  width: 91.2941176471%;
  margin: 0 auto 5.8823529412%
}
@media print, screen and (max-width: 480px) {
  .p-kv_txt {
    padding-right: 28.3505154639%
  }
  .p-kv_txt::after {
    position: absolute;
    right: 0;
    top: 0;
    content: " ";
    display: block;
    width: 26.2886597938%;
    aspect-ratio: 204/232;
    background: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/p-illust_sp.png) no-repeat center/contain
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .p-kv_txt {
    padding-right: 28.3505154639%
  }
  .p-kv_txt::after {
    position: absolute;
    right: 0;
    top: 0;
    content: " ";
    display: block;
    width: 26.2886597938%;
    aspect-ratio: 204/232;
    background: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/p-illust_sp.png) no-repeat center/contain
  }
}
.p-kv_txt p {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.8
}
@media print, screen and (max-width: 480px) {
  .p-kv_txt p {
    font-size: 16px;
    text-align: left
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .p-kv_txt p {
    font-size: 16px;
    text-align: left
  }
}
.p-kv_img {
  position: relative;
  width: 100%;
  margin: 0 auto 7.0588235294%;
  padding-bottom: 62.1176470588%
}
.p-kv_img_inr {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 824.4705882353%;
  height: 100%;
  background: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/kv_gallery.png) repeat-x;
  background-size: auto 100%;
  -webkit-animation: kv_gallery_bg 48s linear 0s infinite;
  animation: kv_gallery_bg 48s linear 0s infinite
}
.p-point .l-pnav {
  border: none
}
.p-point_sub {
  width: 95.2941176471%;
  margin: 0 auto 2.8235294118%
}
.p-point_tl {
  background: #000;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  padding: 25px 20px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .p-point_tl {
    font-size: 15px
  }
}
@media print, screen and (max-width: 480px) {
  .p-point_tl {
    font-size: 18px
  }
}
.p-point_inr {
  border: solid 2px #000;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px
}
.p-pointCol + .p-pointCol {
  border-top: dotted 2px #000
}
.p-pointCol_inr {
  padding: 5.3333333333% 6.6666666667% 9.3333333333%
}
.p-pointCol_tl {
  margin-bottom: 10px
}
.p-pointCol_tl_inr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}
.p-pointCol_tl_txt {
  color: #000;
  font-size: 28px;
  font-weight: 700
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .p-pointCol_tl_txt {
    font-size: 19px
  }
}
@media print, screen and (max-width: 480px) {
  .p-pointCol_tl_txt {
    font-size: 22px
  }
}
.p-pointCol_tl_ico {
  margin-right: 5px
}
.p-pointCol_tl-s {
  margin-bottom: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #000
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .p-pointCol_tl-s {
    font-size: 14px
  }
}
@media print, screen and (max-width: 480px) {
  .p-pointCol_tl-s {
    font-size: 16px
  }
}
.p-pointCol_tl-s * {
  font-size: 18px;
  font-weight: 700
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .p-pointCol_tl-s * {
    font-size: 14px
  }
}
@media print, screen and (max-width: 480px) {
  .p-pointCol_tl-s * {
    font-size: 16px
  }
}
.p-pointCol_sub {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 8px;
  color: #000
}
.p-pointCol_sub_txt {
  display: inline-block;
  font-size: 20px;
  font-weight: 700
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .p-pointCol_sub_txt {
    font-size: 14px
  }
}
@media print, screen and (max-width: 480px) {
  .p-pointCol_sub_txt {
    font-size: 16px
  }
}
.p-pointCol_sub_txt * {
  font-size: 20px;
  font-weight: 700
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .p-pointCol_sub_txt * {
    font-size: 14px
  }
}
@media print, screen and (max-width: 480px) {
  .p-pointCol_sub_txt * {
    font-size: 16px
  }
}
.p-pointCol .c-col + .c-col {
  margin-top: 30px
}
.p-pointCol .c-col + .c-col.c-img, .p-pointCol .c-col + .c-col.c-txt {
  margin-top: 10px
}
.p-chartBtn {
  display: block;
  margin: 0 auto;
  border-radius: 100px;
  position: relative;
  width: 80%;
  padding: 2.6666666667% 10.6666666667%;
  text-align: center
}
.p-chartBtn + .p-chartBtn {
  margin-top: 5.3333333333%
}
.p-chartBtn_inr {
  font-size: 18px;
  font-weight: 700
}
.p-chartBtns {
  position: relative;
  z-index: 10;
  margin-top: 0;
  padding-bottom: 5.6%
}
.p-chartBtn-back {
  background: #fff;
  border: solid 1px #000;
  -webkit-box-shadow: 0 5px #000;
  box-shadow: 0 5px #000;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  transition: color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  transition: transform .2s ease-out 0s, box-shadow .2s ease-out 0s, color .2s ease-out 0s, background .2s ease-out 0s;
  transition: transform .2s ease-out 0s, box-shadow .2s ease-out 0s, color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  color: #000 !important
}
@media(any-hover: hover) {
  .p-chartBtn-back:hover {
    background: #000;
    -webkit-box-shadow: 0 0 #000;
    box-shadow: 0 0 #000;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    color: #fff !important
  }
  .p-chartBtn-back:hover .c-ico::before {
    border-color: #fff
  }
}
.p-chartBtn-back .c-ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  margin-left: 6.6666666667%;
  width: 3.3333333333%;
  aspect-ratio: 1/1
}
.p-chartBtn-back .c-ico::before {
  position: absolute;
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  border-bottom: solid 2px #000;
  border-left: solid 2px #000
}
.p-chartBtn-retry {
  display: none;
  position: relative;
  background: #000;
  border: solid 1px #000;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
  box-shadow: 0 0 3px rgba(0, 0, 0, .8);
  color: #fff;
  -webkit-transition: color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  transition: color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  transition: transform .2s ease-out 0s, box-shadow .2s ease-out 0s, color .2s ease-out 0s, background .2s ease-out 0s;
  transition: transform .2s ease-out 0s, box-shadow .2s ease-out 0s, color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
@media(any-hover: hover) {
  .p-chartBtn-retry:hover {
    color: #000;
    background: #fff;
    -webkit-box-shadow: 0 0 rgba(0, 0, 0, .8);
    box-shadow: 0 0 rgba(0, 0, 0, .8);
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }
  .p-chartBtn-retry:hover .c-ico::before {
    background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-search.svg)
  }
}
@media print, screen and (max-width: 480px) {
  .p-chartBtn-retry {
    display: block
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .p-chartBtn-retry {
    display: block
  }
}
.p-chartBtn-retry.is-on {
  display: block
}
.p-chartBtn-retry .c-ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  margin-right: 5%;
  width: 22px;
  height: 22px
}
.p-chartBtn-retry .c-ico::before {
  background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-search-w.svg)
}
.p-chartCol-q {
  padding: 6.6666666667% 0;
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: -101vw;
  top: 20px;
  width: 100%;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear .2s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear .2s
}
.p-chartCol-q.is-on {
  position: relative;
  z-index: 10;
  opacity: 1;
  left: 0;
  top: 0;
  width: auto;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear 0s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear 0s
}
.p-chartCol-q_col {
  border: solid 2px #000;
  border-radius: 18px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: -101vw;
  top: 20px;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear .2s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear .2s
}
.p-chartCol-q_col.is-on {
  position: relative;
  z-index: 10;
  opacity: 1;
  left: 0;
  top: 0;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear 0s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear 0s
}
.p-chartCol-q_col #q-5-3 + label .p-chartCol-q_colListItem_txt {
  padding-right: 43%
}
.p-chartCol-q_col_tl {
  position: relative
}
.p-chartCol-q_col_tl::after {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto -2.9333333333% -5.6% 0;
  content: " ";
  display: block;
  width: 19.2%;
  aspect-ratio: 144/103;
  background: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/chara-2.png) no-repeat center/contain
}
.p-chartCol-q_col_tl_inr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 18px
}
.p-chartCol-q_col_tl_ico {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: solid 2px #000;
  border-bottom: solid 2px #000;
  width: 65px;
  background: #ffe105
}
.p-chartCol-q_col_tl_ico img {
  width: 32px;
  height: auto
}
.p-chartCol-q_col_tl_txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: dashed 1px #000;
  padding: 10px 20px;
  min-height: 64px;
  color: #000
}
.p-chartCol-q_col_tl_txt > span {
  display: block;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4
}
.p-chartCol-q_col_tl_txt > span .is-sml {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4
}
.p-chartCol-q_col_inr {
  padding: 5.3333333333% 6.1333333333% 6.9333333333%
}
.p-chartCol-q_col_img {
  position: relative;
  width: 67.7811550152%;
  padding-bottom: 66.5653495441%;
  margin: 0 auto
}
.p-chartCol-q_col_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  max-width: none;
  height: 100%
}
.p-chartCol-q_col_inputs_tl {
  width: 90.5775075988%;
  margin: 0 auto 4.5592705167%
}
.p-chartCol-q_colListItem + li {
  margin-top: 4.8632218845%
}
.p-chartCol-q_colListItem:nth-of-type(1) .p-chartCol-q_colListItem_inr {
  background: #0158db
}
@media(any-hover: hover) {
  .p-chartCol-q_colListItem:nth-of-type(1):hover .p-chartCol-q_colListItem_inr {
    background: rgba(1, 88, 219, .8)
  }
}
.p-chartCol-q_colListItem:nth-of-type(2) .p-chartCol-q_colListItem_inr {
  background: #7318bb
}
@media(any-hover: hover) {
  .p-chartCol-q_colListItem:nth-of-type(2):hover .p-chartCol-q_colListItem_inr {
    background: rgba(115, 24, 187, .8)
  }
}
.p-chartCol-q_colListItem:nth-of-type(3) .p-chartCol-q_colListItem_inr {
  background: #467146
}
@media(any-hover: hover) {
  .p-chartCol-q_colListItem:nth-of-type(3):hover .p-chartCol-q_colListItem_inr {
    background: rgba(70, 113, 70, .8)
  }
}
.p-chartCol-q_colListItem_inr {
  position: relative;
  display: block;
  background: #0158db;
  border-radius: 18px;
  cursor: pointer;
  padding: 3.3434650456% 3.3434650456% 3.3434650456% 20.0607902736%;
  -webkit-transition: background .2s ease-out 0s;
  transition: background .2s ease-out 0s
}
.p-chartCol-q_colListItem_txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 4% 24% 4% 4%;
  min-height: 64px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.3
}
.p-chartCol-q_colListItem_txt.is-noIco {
  padding: 4%
}
.p-chartCol-q_colListItem_txt::before {
  content: " ";
  background: #fff;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .2
}
.p-chartCol-q_colListItem_txt_inr > span.is-lrg {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 18px
}
.p-chartCol-q_colListItem_txt_inr > span.is-bd {
  margin-top: 4px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  border: solid 1px #fff;
  padding: 4px 7px
}
.p-chartCol-q_colListItem_ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  width: 12.1580547112%;
  aspect-ratio: 1/1;
  right: 0;
  margin-right: 13.9817629179%
}
.p-chartCol-q_colListItem_ico.is-s {
  width: 10.9422492401%
}
.p-chartCol-q_colListItem_ico.is-xs {
  width: 9.1185410334%
}
.p-chartCol-q_colListItem_ico img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}
.p-chartCol-q_colListItem_ico.is-ico-q-5-3-1 img {
  top: 11%
}
.p-chartCol-q_colListItem_ico.is-ico-q-5-3-2 img {
  left: -100%;
  margin-left: -10px;
  margin-top: -15%
}
.p-chartCol-q_colListItem_check {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(253, 225, 4, 0);
  -webkit-transition: background-color .2s ease-out 0s;
  transition: background-color .2s ease-out 0s;
  width: 10.9422492401%;
  aspect-ratio: 1/1;
  display: block;
  border-radius: 100px;
  overflow: hidden;
  left: 0;
  margin-left: 5.4711246201%
}
.p-chartCol-q_colListItem_check .is-on, .p-chartCol-q_colListItem_check .is-off {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  border-radius: 100px;
  overflow: hidden
}
.p-chartCol-q_colListItem_check .is-on::before, .p-chartCol-q_colListItem_check .is-on::after, .p-chartCol-q_colListItem_check .is-off::before, .p-chartCol-q_colListItem_check .is-off::after {
  display: block;
  content: " ";
  position: absolute;
  height: 13.8888888889%;
  background: #fff;
  border-radius: 10px
}
.p-chartCol-q_colListItem_check .is-on::before, .p-chartCol-q_colListItem_check .is-off::before {
  top: 36.411%;
  left: 17.644%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: top left;
  transform-origin: top left
}
.p-chartCol-q_colListItem_check .is-on::after, .p-chartCol-q_colListItem_check .is-off::after {
  top: 71.4%;
  left: 34.589%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: top left;
  transform-origin: top left
}
.p-chartCol-q_colListItem_check .is-off {
  z-index: 9;
  opacity: .2
}
.p-chartCol-q_colListItem_check .is-off::before, .p-chartCol-q_colListItem_check .is-off::after {
  background: #fff
}
.p-chartCol-q_colListItem_check .is-off::before {
  width: 48.811%
}
.p-chartCol-q_colListItem_check .is-off::after {
  width: 65.122%
}
.p-chartCol-q_colListItem_check .is-on::before, .p-chartCol-q_colListItem_check .is-on::after {
  background: #000;
  width: 0
}
.p-chartCol-q_colListItem_check .is-on::before {
  -webkit-transition: width .1s ease-out 0s;
  transition: width .1s ease-out 0s
}
.p-chartCol-q_colListItem_check .is-on::after {
  -webkit-transition: width .1s ease-out .1s;
  transition: width .1s ease-out .1s
}
.p-chartCol-q_colListItem_input {
  display: none
}
.p-chartCol-q_colListItem_input:checked + label .p-chartCol-q_colListItem_check {
  background-color: #fde104
}
.p-chartCol-q_colListItem_input:checked + label .p-chartCol-q_colListItem_check .is-on::before {
  width: 48.811%
}
.p-chartCol-q_colListItem_input:checked + label .p-chartCol-q_colListItem_check .is-on::after {
  width: 65.122%
}
.p-chartCol-q_colListItem_inputs_tl {
  width: 90.5775075988%;
  margin: 0 auto 4.5592705167%
}
.p-chartCol-result {
  padding: 6.6666666667% 0;
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: -101vw;
  top: 20px;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear .2s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear .2s
}
.p-chartCol-result.is-on {
  position: relative;
  z-index: 10;
  opacity: 1;
  left: 0;
  top: 0;
  -webkit-transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear 0s;
  transition: opacity .2s ease-out 0s, top .2s ease-out 0s, left 0s linear 0s
}
.p-chartCol-result_tl {
  width: 112.5333333333%;
  position: absolute;
  z-index: 11;
  top: 0;
  margin-top: 6.4%;
  left: -7.0666666667%
}
.p-chartCol-result_col {
  border: solid 1px #000;
  border-top: none;
  border-radius: 18px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: -101vw;
  -webkit-transition: opacity .2s ease-out 0s, left 0s linear .2s;
  transition: opacity .2s ease-out 0s, left 0s linear .2s
}
.p-chartCol-result_col.is-on {
  position: relative;
  z-index: 10;
  opacity: 1;
  left: 0;
  -webkit-transition: opacity .2s ease-out 0s, left 0s linear 0s;
  transition: opacity .2s ease-out 0s, left 0s linear 0s
}
.p-chartCol-result_col_col + .p-chartCol-result_col_col {
  margin-top: 13.0699088146%
}
.p-chartCol-result_col_inr {
  padding: 30.1333333333% 6.1333333333% 6.9333333333%
}
.p-chartCol-result_col_recommend {
  border-bottom: solid 1px #000;
  padding-bottom: 9px;
  text-align: center;
  line-height: 1;
  margin-bottom: 9.1185410334%
}
.p-chartCol-result_col_recommend_inr {
  display: inline-block
}
.p-chartCol-result_col_recommend_inr span {
  font-weight: bold
}
.p-chartCol-result_col_recommend_inr span.is-sml {
  font-size: 16px
}
.p-chartCol-result_col_recommend_inr span.is-lrg {
  font-size: 28px
}
.p-chartCol-result_col_txt {
  position: relative
}
.p-chartCol-result_col_txt::after {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto -10.9422492401% -14.2857142857% 0;
  content: " ";
  display: block;
  width: 23.1003039514%;
  aspect-ratio: 152/83;
  background: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/chara-3.png) no-repeat center/contain
}
.p-chartCol-result_col_txt p {
  position: relative;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  width: 88.1458966565%;
  margin: 0 auto 12.1580547112%
}
.p-chartCol-result_col_txt p * {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5
}
.p-chartCol-result_col_tl {
  position: relative;
  width: 100%;
  margin: 0 auto
}
.p-chartCol-result_col_tl img {
  width: 100%
}
.p-chartCol-result_col_img {
  position: relative;
  width: 100%;
  margin: 10.6382978723% auto 0
}
.p-chartCol-result_col_img img {
  width: 100%
}
.p-chartCol-result_col_btn {
  position: relative;
  display: block;
  text-decoration: none !important
}
.p-chartCol-result_col_btn.u-bg-blu-1 .p-chartCol-result_col_btn_inr {
  background: #0158db;
  border: solid 1px #0158db
}
.p-chartCol-result_col_btn.u-bg-blu-1 .c-ico-arw-r::before {
  margin-top: 0;
  -webkit-transition: margin-top .2s ease-out 0s;
  transition: margin-top .2s ease-out 0s
}
@media(any-hover: hover) {
  .p-chartCol-result_col_btn.u-bg-blu-1:hover .p-chartCol-result_col_btn_inr {
    background: #fff;
    color: #0158db !important;
    -webkit-box-shadow: 0 0 #ccd6eb;
    box-shadow: 0 0 #ccd6eb;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }
  .p-chartCol-result_col_btn.u-bg-blu-1:hover .c-ico-arw-r::before {
    margin-top: 5px;
    border-color: #0158db
  }
}
.p-chartCol-result_col_btn.u-bg-org-1 .p-chartCol-result_col_btn_inr {
  background: #ff8a00;
  border: solid 1px #ff8a00
}
.p-chartCol-result_col_btn.u-bg-org-1 .c-ico-ext::before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .2s ease-out 0s;
  transition: -webkit-transform .2s ease-out 0s;
  transition: transform .2s ease-out 0s;
  transition: transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s
}
@media(any-hover: hover) {
  .p-chartCol-result_col_btn.u-bg-org-1:hover .p-chartCol-result_col_btn_inr {
    background: #fff;
    color: #ff8a00 !important;
    -webkit-box-shadow: 0 0 #ccd6eb;
    box-shadow: 0 0 #ccd6eb;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }
  .p-chartCol-result_col_btn.u-bg-org-1:hover .c-ico-ext::before {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    background-image: url(/sites/default/files/dynabook-b2c/individual/find-your-dynabook/images/ico-ext-org.svg)
  }
}
.p-chartCol-result_col_btn + .p-chartCol-result_col_btn {
  margin-top: 4.8632218845%
}
.p-chartCol-result_col_btns {
  margin-top: 9.1185410334%
}
.p-chartCol-result_col_btn_inr {
  position: relative;
  display: block;
  background: #0158db;
  border-radius: 18px;
  padding: 6% 8%;
  -webkit-box-shadow: 0 5px #ccd6eb;
  box-shadow: 0 5px #ccd6eb;
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  -webkit-transition: color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  transition: color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s;
  transition: transform .2s ease-out 0s, box-shadow .2s ease-out 0s, color .2s ease-out 0s, background .2s ease-out 0s;
  transition: transform .2s ease-out 0s, box-shadow .2s ease-out 0s, color .2s ease-out 0s, background .2s ease-out 0s, -webkit-transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s
}
.p-chartCol-result_col_btn_ico {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0
}
.p-chartCol-result_col_btn_ico.c-ico-arw-r {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  margin-right: 6.6666666667%;
  width: 3.3333333333%;
  aspect-ratio: 1/1
}
.p-chartCol-result_col_btn_ico.c-ico-arw-r::before {
  position: absolute;
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  border-top: solid 2px #fff;
  border-right: solid 2px #fff
}
.p-chartCol-result_col_btn_ico.c-ico-ext {
  margin-right: 7.9027355623%
}
.u-clearfix:before, .u-clearfix:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: " "
}
.u-clearfix:after {
  clear: both
}
.u-minw-n {
  min-width: 0 !important
}
.u-h-100 {
  height: 100% !important
}
.u-h-22em {
  height: 22em !important
}
.u-w-0 {
  width: 0%
}
.u-w-2 {
  width: 2%
}
.u-w-4 {
  width: 4%
}
.u-w-6 {
  width: 6%
}
.u-w-8 {
  width: 8%
}
.u-w-10 {
  width: 10%
}
.u-w-12 {
  width: 12%
}
.u-w-14 {
  width: 14%
}
.u-w-16 {
  width: 16%
}
.u-w-18 {
  width: 18%
}
.u-w-20 {
  width: 20%
}
.u-w-22 {
  width: 22%
}
.u-w-24 {
  width: 24%
}
.u-w-26 {
  width: 26%
}
.u-w-28 {
  width: 28%
}
.u-w-30 {
  width: 30%
}
.u-w-32 {
  width: 32%
}
.u-w-34 {
  width: 34%
}
.u-w-36 {
  width: 36%
}
.u-w-38 {
  width: 38%
}
.u-w-40 {
  width: 40%
}
.u-w-42 {
  width: 42%
}
.u-w-44 {
  width: 44%
}
.u-w-46 {
  width: 46%
}
.u-w-48 {
  width: 48%
}
.u-w-50 {
  width: 50%
}
.u-w-52 {
  width: 52%
}
.u-w-54 {
  width: 54%
}
.u-w-56 {
  width: 56%
}
.u-w-58 {
  width: 58%
}
.u-w-60 {
  width: 60%
}
.u-w-62 {
  width: 62%
}
.u-w-64 {
  width: 64%
}
.u-w-66 {
  width: 66%
}
.u-w-68 {
  width: 68%
}
.u-w-70 {
  width: 70%
}
.u-w-72 {
  width: 72%
}
.u-w-74 {
  width: 74%
}
.u-w-76 {
  width: 76%
}
.u-w-78 {
  width: 78%
}
.u-w-80 {
  width: 80%
}
.u-w-82 {
  width: 82%
}
.u-w-84 {
  width: 84%
}
.u-w-86 {
  width: 86%
}
.u-w-88 {
  width: 88%
}
.u-w-90 {
  width: 90%
}
.u-w-92 {
  width: 92%
}
.u-w-94 {
  width: 94%
}
.u-w-96 {
  width: 96%
}
.u-w-98 {
  width: 98%
}
.u-w-100 {
  width: 100%
}
@media print, screen and (min-width:1921px) {
  .u-w-0-pc {
    width: 0%
  }
  .u-w-2-pc {
    width: 2%
  }
  .u-w-4-pc {
    width: 4%
  }
  .u-w-6-pc {
    width: 6%
  }
  .u-w-8-pc {
    width: 8%
  }
  .u-w-10-pc {
    width: 10%
  }
  .u-w-12-pc {
    width: 12%
  }
  .u-w-14-pc {
    width: 14%
  }
  .u-w-16-pc {
    width: 16%
  }
  .u-w-18-pc {
    width: 18%
  }
  .u-w-20-pc {
    width: 20%
  }
  .u-w-22-pc {
    width: 22%
  }
  .u-w-24-pc {
    width: 24%
  }
  .u-w-26-pc {
    width: 26%
  }
  .u-w-28-pc {
    width: 28%
  }
  .u-w-30-pc {
    width: 30%
  }
  .u-w-32-pc {
    width: 32%
  }
  .u-w-34-pc {
    width: 34%
  }
  .u-w-36-pc {
    width: 36%
  }
  .u-w-38-pc {
    width: 38%
  }
  .u-w-40-pc {
    width: 40%
  }
  .u-w-42-pc {
    width: 42%
  }
  .u-w-44-pc {
    width: 44%
  }
  .u-w-46-pc {
    width: 46%
  }
  .u-w-48-pc {
    width: 48%
  }
  .u-w-50-pc {
    width: 50%
  }
  .u-w-52-pc {
    width: 52%
  }
  .u-w-54-pc {
    width: 54%
  }
  .u-w-56-pc {
    width: 56%
  }
  .u-w-58-pc {
    width: 58%
  }
  .u-w-60-pc {
    width: 60%
  }
  .u-w-62-pc {
    width: 62%
  }
  .u-w-64-pc {
    width: 64%
  }
  .u-w-66-pc {
    width: 66%
  }
  .u-w-68-pc {
    width: 68%
  }
  .u-w-70-pc {
    width: 70%
  }
  .u-w-72-pc {
    width: 72%
  }
  .u-w-74-pc {
    width: 74%
  }
  .u-w-76-pc {
    width: 76%
  }
  .u-w-78-pc {
    width: 78%
  }
  .u-w-80-pc {
    width: 80%
  }
  .u-w-82-pc {
    width: 82%
  }
  .u-w-84-pc {
    width: 84%
  }
  .u-w-86-pc {
    width: 86%
  }
  .u-w-88-pc {
    width: 88%
  }
  .u-w-90-pc {
    width: 90%
  }
  .u-w-92-pc {
    width: 92%
  }
  .u-w-94-pc {
    width: 94%
  }
  .u-w-96-pc {
    width: 96%
  }
  .u-w-98-pc {
    width: 98%
  }
  .u-w-100-pc {
    width: 100%
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-w-0-pc {
    width: 0%
  }
  .u-w-2-pc {
    width: 2%
  }
  .u-w-4-pc {
    width: 4%
  }
  .u-w-6-pc {
    width: 6%
  }
  .u-w-8-pc {
    width: 8%
  }
  .u-w-10-pc {
    width: 10%
  }
  .u-w-12-pc {
    width: 12%
  }
  .u-w-14-pc {
    width: 14%
  }
  .u-w-16-pc {
    width: 16%
  }
  .u-w-18-pc {
    width: 18%
  }
  .u-w-20-pc {
    width: 20%
  }
  .u-w-22-pc {
    width: 22%
  }
  .u-w-24-pc {
    width: 24%
  }
  .u-w-26-pc {
    width: 26%
  }
  .u-w-28-pc {
    width: 28%
  }
  .u-w-30-pc {
    width: 30%
  }
  .u-w-32-pc {
    width: 32%
  }
  .u-w-34-pc {
    width: 34%
  }
  .u-w-36-pc {
    width: 36%
  }
  .u-w-38-pc {
    width: 38%
  }
  .u-w-40-pc {
    width: 40%
  }
  .u-w-42-pc {
    width: 42%
  }
  .u-w-44-pc {
    width: 44%
  }
  .u-w-46-pc {
    width: 46%
  }
  .u-w-48-pc {
    width: 48%
  }
  .u-w-50-pc {
    width: 50%
  }
  .u-w-52-pc {
    width: 52%
  }
  .u-w-54-pc {
    width: 54%
  }
  .u-w-56-pc {
    width: 56%
  }
  .u-w-58-pc {
    width: 58%
  }
  .u-w-60-pc {
    width: 60%
  }
  .u-w-62-pc {
    width: 62%
  }
  .u-w-64-pc {
    width: 64%
  }
  .u-w-66-pc {
    width: 66%
  }
  .u-w-68-pc {
    width: 68%
  }
  .u-w-70-pc {
    width: 70%
  }
  .u-w-72-pc {
    width: 72%
  }
  .u-w-74-pc {
    width: 74%
  }
  .u-w-76-pc {
    width: 76%
  }
  .u-w-78-pc {
    width: 78%
  }
  .u-w-80-pc {
    width: 80%
  }
  .u-w-82-pc {
    width: 82%
  }
  .u-w-84-pc {
    width: 84%
  }
  .u-w-86-pc {
    width: 86%
  }
  .u-w-88-pc {
    width: 88%
  }
  .u-w-90-pc {
    width: 90%
  }
  .u-w-92-pc {
    width: 92%
  }
  .u-w-94-pc {
    width: 94%
  }
  .u-w-96-pc {
    width: 96%
  }
  .u-w-98-pc {
    width: 98%
  }
  .u-w-100-pc {
    width: 100%
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-w-0-pc {
    width: 0%
  }
  .u-w-2-pc {
    width: 2%
  }
  .u-w-4-pc {
    width: 4%
  }
  .u-w-6-pc {
    width: 6%
  }
  .u-w-8-pc {
    width: 8%
  }
  .u-w-10-pc {
    width: 10%
  }
  .u-w-12-pc {
    width: 12%
  }
  .u-w-14-pc {
    width: 14%
  }
  .u-w-16-pc {
    width: 16%
  }
  .u-w-18-pc {
    width: 18%
  }
  .u-w-20-pc {
    width: 20%
  }
  .u-w-22-pc {
    width: 22%
  }
  .u-w-24-pc {
    width: 24%
  }
  .u-w-26-pc {
    width: 26%
  }
  .u-w-28-pc {
    width: 28%
  }
  .u-w-30-pc {
    width: 30%
  }
  .u-w-32-pc {
    width: 32%
  }
  .u-w-34-pc {
    width: 34%
  }
  .u-w-36-pc {
    width: 36%
  }
  .u-w-38-pc {
    width: 38%
  }
  .u-w-40-pc {
    width: 40%
  }
  .u-w-42-pc {
    width: 42%
  }
  .u-w-44-pc {
    width: 44%
  }
  .u-w-46-pc {
    width: 46%
  }
  .u-w-48-pc {
    width: 48%
  }
  .u-w-50-pc {
    width: 50%
  }
  .u-w-52-pc {
    width: 52%
  }
  .u-w-54-pc {
    width: 54%
  }
  .u-w-56-pc {
    width: 56%
  }
  .u-w-58-pc {
    width: 58%
  }
  .u-w-60-pc {
    width: 60%
  }
  .u-w-62-pc {
    width: 62%
  }
  .u-w-64-pc {
    width: 64%
  }
  .u-w-66-pc {
    width: 66%
  }
  .u-w-68-pc {
    width: 68%
  }
  .u-w-70-pc {
    width: 70%
  }
  .u-w-72-pc {
    width: 72%
  }
  .u-w-74-pc {
    width: 74%
  }
  .u-w-76-pc {
    width: 76%
  }
  .u-w-78-pc {
    width: 78%
  }
  .u-w-80-pc {
    width: 80%
  }
  .u-w-82-pc {
    width: 82%
  }
  .u-w-84-pc {
    width: 84%
  }
  .u-w-86-pc {
    width: 86%
  }
  .u-w-88-pc {
    width: 88%
  }
  .u-w-90-pc {
    width: 90%
  }
  .u-w-92-pc {
    width: 92%
  }
  .u-w-94-pc {
    width: 94%
  }
  .u-w-96-pc {
    width: 96%
  }
  .u-w-98-pc {
    width: 98%
  }
  .u-w-100-pc {
    width: 100%
  }
}
@media print, screen and (max-width: 480px) {
  .u-w-0-sp {
    width: 0%
  }
  .u-w-2-sp {
    width: 2%
  }
  .u-w-4-sp {
    width: 4%
  }
  .u-w-6-sp {
    width: 6%
  }
  .u-w-8-sp {
    width: 8%
  }
  .u-w-10-sp {
    width: 10%
  }
  .u-w-12-sp {
    width: 12%
  }
  .u-w-14-sp {
    width: 14%
  }
  .u-w-16-sp {
    width: 16%
  }
  .u-w-18-sp {
    width: 18%
  }
  .u-w-20-sp {
    width: 20%
  }
  .u-w-22-sp {
    width: 22%
  }
  .u-w-24-sp {
    width: 24%
  }
  .u-w-26-sp {
    width: 26%
  }
  .u-w-28-sp {
    width: 28%
  }
  .u-w-30-sp {
    width: 30%
  }
  .u-w-32-sp {
    width: 32%
  }
  .u-w-34-sp {
    width: 34%
  }
  .u-w-36-sp {
    width: 36%
  }
  .u-w-38-sp {
    width: 38%
  }
  .u-w-40-sp {
    width: 40%
  }
  .u-w-42-sp {
    width: 42%
  }
  .u-w-44-sp {
    width: 44%
  }
  .u-w-46-sp {
    width: 46%
  }
  .u-w-48-sp {
    width: 48%
  }
  .u-w-50-sp {
    width: 50%
  }
  .u-w-52-sp {
    width: 52%
  }
  .u-w-54-sp {
    width: 54%
  }
  .u-w-56-sp {
    width: 56%
  }
  .u-w-58-sp {
    width: 58%
  }
  .u-w-60-sp {
    width: 60%
  }
  .u-w-62-sp {
    width: 62%
  }
  .u-w-64-sp {
    width: 64%
  }
  .u-w-66-sp {
    width: 66%
  }
  .u-w-68-sp {
    width: 68%
  }
  .u-w-70-sp {
    width: 70%
  }
  .u-w-72-sp {
    width: 72%
  }
  .u-w-74-sp {
    width: 74%
  }
  .u-w-76-sp {
    width: 76%
  }
  .u-w-78-sp {
    width: 78%
  }
  .u-w-80-sp {
    width: 80%
  }
  .u-w-82-sp {
    width: 82%
  }
  .u-w-84-sp {
    width: 84%
  }
  .u-w-86-sp {
    width: 86%
  }
  .u-w-88-sp {
    width: 88%
  }
  .u-w-90-sp {
    width: 90%
  }
  .u-w-92-sp {
    width: 92%
  }
  .u-w-94-sp {
    width: 94%
  }
  .u-w-96-sp {
    width: 96%
  }
  .u-w-98-sp {
    width: 98%
  }
  .u-w-100-sp {
    width: 100%
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-w-0-sp {
    width: 0%
  }
  .u-w-2-sp {
    width: 2%
  }
  .u-w-4-sp {
    width: 4%
  }
  .u-w-6-sp {
    width: 6%
  }
  .u-w-8-sp {
    width: 8%
  }
  .u-w-10-sp {
    width: 10%
  }
  .u-w-12-sp {
    width: 12%
  }
  .u-w-14-sp {
    width: 14%
  }
  .u-w-16-sp {
    width: 16%
  }
  .u-w-18-sp {
    width: 18%
  }
  .u-w-20-sp {
    width: 20%
  }
  .u-w-22-sp {
    width: 22%
  }
  .u-w-24-sp {
    width: 24%
  }
  .u-w-26-sp {
    width: 26%
  }
  .u-w-28-sp {
    width: 28%
  }
  .u-w-30-sp {
    width: 30%
  }
  .u-w-32-sp {
    width: 32%
  }
  .u-w-34-sp {
    width: 34%
  }
  .u-w-36-sp {
    width: 36%
  }
  .u-w-38-sp {
    width: 38%
  }
  .u-w-40-sp {
    width: 40%
  }
  .u-w-42-sp {
    width: 42%
  }
  .u-w-44-sp {
    width: 44%
  }
  .u-w-46-sp {
    width: 46%
  }
  .u-w-48-sp {
    width: 48%
  }
  .u-w-50-sp {
    width: 50%
  }
  .u-w-52-sp {
    width: 52%
  }
  .u-w-54-sp {
    width: 54%
  }
  .u-w-56-sp {
    width: 56%
  }
  .u-w-58-sp {
    width: 58%
  }
  .u-w-60-sp {
    width: 60%
  }
  .u-w-62-sp {
    width: 62%
  }
  .u-w-64-sp {
    width: 64%
  }
  .u-w-66-sp {
    width: 66%
  }
  .u-w-68-sp {
    width: 68%
  }
  .u-w-70-sp {
    width: 70%
  }
  .u-w-72-sp {
    width: 72%
  }
  .u-w-74-sp {
    width: 74%
  }
  .u-w-76-sp {
    width: 76%
  }
  .u-w-78-sp {
    width: 78%
  }
  .u-w-80-sp {
    width: 80%
  }
  .u-w-82-sp {
    width: 82%
  }
  .u-w-84-sp {
    width: 84%
  }
  .u-w-86-sp {
    width: 86%
  }
  .u-w-88-sp {
    width: 88%
  }
  .u-w-90-sp {
    width: 90%
  }
  .u-w-92-sp {
    width: 92%
  }
  .u-w-94-sp {
    width: 94%
  }
  .u-w-96-sp {
    width: 96%
  }
  .u-w-98-sp {
    width: 98%
  }
  .u-w-100-sp {
    width: 100%
  }
}
.u-w-5 {
  width: 5%
}
.u-w-15 {
  width: 15%
}
.u-w-25 {
  width: 25%
}
.u-w-35 {
  width: 35%
}
.u-w-45 {
  width: 45%
}
.u-w-55 {
  width: 55%
}
.u-w-65 {
  width: 65%
}
.u-w-75 {
  width: 75%
}
.u-w-85 {
  width: 85%
}
.u-w-95 {
  width: 95%
}
@media print, screen and (min-width:1921px) {
  .u-w-5-pc {
    width: 5%
  }
  .u-w-15-pc {
    width: 15%
  }
  .u-w-25-pc {
    width: 25%
  }
  .u-w-35-pc {
    width: 35%
  }
  .u-w-45-pc {
    width: 45%
  }
  .u-w-55-pc {
    width: 55%
  }
  .u-w-65-pc {
    width: 65%
  }
  .u-w-75-pc {
    width: 75%
  }
  .u-w-85-pc {
    width: 85%
  }
  .u-w-95-pc {
    width: 95%
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-w-5-pc {
    width: 5%
  }
  .u-w-15-pc {
    width: 15%
  }
  .u-w-25-pc {
    width: 25%
  }
  .u-w-35-pc {
    width: 35%
  }
  .u-w-45-pc {
    width: 45%
  }
  .u-w-55-pc {
    width: 55%
  }
  .u-w-65-pc {
    width: 65%
  }
  .u-w-75-pc {
    width: 75%
  }
  .u-w-85-pc {
    width: 85%
  }
  .u-w-95-pc {
    width: 95%
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-w-5-pc {
    width: 5%
  }
  .u-w-15-pc {
    width: 15%
  }
  .u-w-25-pc {
    width: 25%
  }
  .u-w-35-pc {
    width: 35%
  }
  .u-w-45-pc {
    width: 45%
  }
  .u-w-55-pc {
    width: 55%
  }
  .u-w-65-pc {
    width: 65%
  }
  .u-w-75-pc {
    width: 75%
  }
  .u-w-85-pc {
    width: 85%
  }
  .u-w-95-pc {
    width: 95%
  }
}
@media print, screen and (max-width: 480px) {
  .u-w-5-sp {
    width: 5%
  }
  .u-w-15-sp {
    width: 15%
  }
  .u-w-25-sp {
    width: 25%
  }
  .u-w-35-sp {
    width: 35%
  }
  .u-w-45-sp {
    width: 45%
  }
  .u-w-55-sp {
    width: 55%
  }
  .u-w-65-sp {
    width: 65%
  }
  .u-w-75-sp {
    width: 75%
  }
  .u-w-85-sp {
    width: 85%
  }
  .u-w-95-sp {
    width: 95%
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-w-5-sp {
    width: 5%
  }
  .u-w-15-sp {
    width: 15%
  }
  .u-w-25-sp {
    width: 25%
  }
  .u-w-35-sp {
    width: 35%
  }
  .u-w-45-sp {
    width: 45%
  }
  .u-w-55-sp {
    width: 55%
  }
  .u-w-65-sp {
    width: 65%
  }
  .u-w-75-sp {
    width: 75%
  }
  .u-w-85-sp {
    width: 85%
  }
  .u-w-95-sp {
    width: 95%
  }
}
.u-w-33 {
  width: 33.3%
}
@media print, screen and (min-width:1921px) {
  .u-w-33-pc {
    width: 33.3%
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-w-33-pc {
    width: 33.3%
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-w-33-pc {
    width: 33.3%
  }
}
@media print, screen and (max-width: 480px) {
  .u-w-33-sp {
    width: 33.3%
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-w-33-sp {
    width: 33.3%
  }
}
.u-w-66 {
  width: 66.7%
}
@media print, screen and (min-width:1921px) {
  .u-w-66-pc {
    width: 66.7%
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-w-66-pc {
    width: 66.7%
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-w-66-pc {
    width: 66.7%
  }
}
@media print, screen and (max-width: 480px) {
  .u-w-66-sp {
    width: 66.7%
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-w-66-sp {
    width: 66.7%
  }
}
.u-w-16 {
  width: 16%
}
@media print, screen and (min-width:1921px) {
  .u-w-16-pc {
    width: 16%
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-w-16-pc {
    width: 16%
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-w-16-pc {
    width: 16%
  }
}
@media print, screen and (max-width: 480px) {
  .u-w-16-sp {
    width: 16%
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-w-16-sp {
    width: 16%
  }
}
.u-w-a {
  width: auto !important
}
@media print, screen and (min-width:1921px) {
  .u-w-a-pc {
    width: auto !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-w-a-pc {
    width: auto !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-w-a-pc {
    width: auto !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-w-a-sp {
    width: auto !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-w-a-sp {
    width: auto !important
  }
}
.u-dsp-b {
  display: block !important
}
@media print, screen and (min-width:1921px) {
  .u-dsp-b-pc {
    display: block !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-dsp-b-pc {
    display: block !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-dsp-b-pc {
    display: block !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-dsp-b-sp {
    display: block !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-dsp-b-sp {
    display: block !important
  }
}
.u-dsp-ib {
  display: inline-block !important
}
@media print, screen and (min-width:1921px) {
  .u-dsp-ib-pc {
    display: inline-block !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-dsp-ib-pc {
    display: inline-block !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-dsp-ib-pc {
    display: inline-block !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-dsp-ib-sp {
    display: inline-block !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-dsp-ib-sp {
    display: inline-block !important
  }
}
.u-dsp-i {
  display: inline !important
}
@media print, screen and (min-width:1921px) {
  .u-dsp-i-pc {
    display: inline !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-dsp-i-pc {
    display: inline !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-dsp-i-pc {
    display: inline !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-dsp-i-sp {
    display: inline !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-dsp-i-sp {
    display: inline !important
  }
}
.u-dsp-f {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important
}
@media print, screen and (min-width:1921px) {
  .u-dsp-f-pc {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-dsp-f-pc {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-dsp-f-pc {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-dsp-f-sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-dsp-f-sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}
.u-dsp-if {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important
}
@media print, screen and (min-width:1921px) {
  .u-dsp-if-pc {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-dsp-if-pc {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-dsp-if-pc {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-dsp-if-sp {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-dsp-if-sp {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}
.u-dsp-n {
  display: none !important
}
@media print, screen and (min-width:1921px) {
  .u-dsp-n-pc {
    display: none !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-dsp-n-pc {
    display: none !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-dsp-n-pc {
    display: none !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-dsp-n-sp {
    display: none !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-dsp-n-sp {
    display: none !important
  }
}
.u-fd-c {
  width: 100%;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important
}
.u-fd-c > *:last-of-type {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important
}
.u-fd-r {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important
}
.u-fd-rr {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}
@media print, screen and (min-width:1921px) {
  .u-fd-rr-pc {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-fd-rr-pc {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-fd-rr-pc {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-fd-rr-sp {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-fd-rr-sp {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
}
.u-fwrap-w {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important
}
.u-of-h {
  overflow: hidden !important
}
.u-of-v {
  overflow: visible !important
}
.u-of-sx {
  overflow: scroll hidden;
  padding-bottom: 5px
}
.u-of-sx > * {
  width: 940px
}
@media print, screen and (max-width: 480px) {
  .u-of-sx > * {
    width: 800px
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-of-sx > * {
    width: 800px
  }
}
@media print, screen and (min-width:1921px) {
  .u-of-sx-pc {
    overflow: scroll hidden;
    padding-bottom: 5px
  }
  .u-of-sx-pc > * {
    width: 940px
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-of-sx-pc {
    overflow: scroll hidden;
    padding-bottom: 5px
  }
  .u-of-sx-pc > * {
    width: 940px
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-of-sx-pc {
    overflow: scroll hidden;
    padding-bottom: 5px
  }
  .u-of-sx-pc > * {
    width: 940px
  }
}
@media print, screen and (max-width: 480px) {
  .u-of-sx-sp {
    overflow: scroll hidden;
    padding-bottom: 5px
  }
  .u-of-sx-sp > * {
    width: 940px
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-of-sx-sp {
    overflow: scroll hidden;
    padding-bottom: 5px
  }
  .u-of-sx-sp > * {
    width: 940px
  }
}
.u-of-sy {
  overflow: hidden scroll;
  padding-right: 5px
}
@media print, screen and (min-width:1921px) {
  .u-of-sy-pc {
    overflow: hidden scroll;
    padding-right: 5px
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-of-sy-pc {
    overflow: hidden scroll;
    padding-right: 5px
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-of-sy-pc {
    overflow: hidden scroll;
    padding-right: 5px
  }
}
@media print, screen and (max-width: 480px) {
  .u-of-sy-sp {
    overflow: hidden scroll;
    padding-right: 5px
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-of-sy-sp {
    overflow: hidden scroll;
    padding-right: 5px
  }
}
.u-ai-c {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important
}
.u-ai-s {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important
}
.u-ai-e {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important
}
.u-as-c {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important
}
.u-as-s {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important
}
.u-as-e {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important
}
.u-jc-sa {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important
}
.u-jc-sb {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}
.u-jc-l {
  -webkit-box-pack: left !important;
  -webkit-justify-content: left !important;
  -ms-flex-pack: left !important;
  justify-content: left !important
}
.u-jc-c {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}
.u-jc-r {
  -webkit-box-pack: right !important;
  -webkit-justify-content: right !important;
  -ms-flex-pack: right !important;
  justify-content: right !important
}
.u-lh-1 {
  line-height: 1 !important
}
.u-lh-1_5 {
  line-height: 1.5 !important
}
.u-lh-2 {
  line-height: 2 !important
}
.u-lh-2_2 {
  line-height: 2.2 !important
}
.u-lh-2_5 {
  line-height: 2.5 !important
}
.u-lh-3 {
  line-height: 3 !important
}
.u-lspacing_-0_5 {
  letter-spacing: -0.5px
}
.u-fs-xxs {
  font-size: 10px !important
}
.u-fs-xs {
  font-size: 12px !important
}
.u-fs-s {
  font-size: 14px !important
}
.u-fs-m {
  font-size: 16px !important
}
.u-fs-l {
  font-size: 18px !important
}
.u-fs-xl {
  font-size: 20px !important
}
.u-fs-xxl {
  font-size: 22px !important
}
.u-fs-xxxl {
  font-size: 24px !important
}
.u-fs-xxxxl {
  font-size: 26px !important
}
.u-fs-xxxxxl {
  font-size: 28px !important
}
.u-fs-xxxxxxl {
  font-size: 30px !important
}
.u-fs-xxxxxxxl {
  font-size: 32px !important
}
.u-fs-xxxxxxxxl {
  font-size: 34px !important
}
.u-fs-xxxxxxxxxl {
  font-size: 36px !important
}
.u-fs-xxxxxxxxxxl {
  font-size: 38px !important
}
.u-fs-xxxxxxxxxxxl {
  font-size: 40px !important
}
.u-fs-xxxxxxxxxxxxl {
  font-size: 42px !important
}
.u-fs-note {
  font-size: 12px !important
}
@media print, screen and (min-width:1921px) {
  .u-fs-note-pc {
    font-size: 12px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-fs-note-pc {
    font-size: 12px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-fs-note-pc {
    font-size: 12px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-fs-note-sp {
    font-size: 12px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-fs-note-sp {
    font-size: 12px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-fs-xxs-pc {
    font-size: 10px !important
  }
  .u-fs-xs-pc {
    font-size: 12px !important
  }
  .u-fs-s-pc {
    font-size: 14px !important
  }
  .u-fs-m-pc {
    font-size: 16px !important
  }
  .u-fs-l-pc {
    font-size: 18px !important
  }
  .u-fs-xl-pc {
    font-size: 20px !important
  }
  .u-fs-xxl-pc {
    font-size: 22px !important
  }
  .u-fs-xxxl-pc {
    font-size: 24px !important
  }
  .u-fs-xxxxl-pc {
    font-size: 26px !important
  }
  .u-fs-xxxxxl-pc {
    font-size: 28px !important
  }
  .u-fs-xxxxxxl-pc {
    font-size: 30px !important
  }
  .u-fs-xxxxxxxl-pc {
    font-size: 32px !important
  }
  .u-fs-xxxxxxxxl-pc {
    font-size: 34px !important
  }
  .u-fs-xxxxxxxxxl-pc {
    font-size: 36px !important
  }
  .u-fs-xxxxxxxxxxl-pc {
    font-size: 38px !important
  }
  .u-fs-xxxxxxxxxxxl-pc {
    font-size: 40px !important
  }
  .u-fs-xxxxxxxxxxxxl-pc {
    font-size: 42px !important
  }
  .u-fs-note-pc {
    font-size: 12px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-fs-xxs-pc {
    font-size: 10px !important
  }
  .u-fs-xs-pc {
    font-size: 12px !important
  }
  .u-fs-s-pc {
    font-size: 14px !important
  }
  .u-fs-m-pc {
    font-size: 16px !important
  }
  .u-fs-l-pc {
    font-size: 18px !important
  }
  .u-fs-xl-pc {
    font-size: 20px !important
  }
  .u-fs-xxl-pc {
    font-size: 22px !important
  }
  .u-fs-xxxl-pc {
    font-size: 24px !important
  }
  .u-fs-xxxxl-pc {
    font-size: 26px !important
  }
  .u-fs-xxxxxl-pc {
    font-size: 28px !important
  }
  .u-fs-xxxxxxl-pc {
    font-size: 30px !important
  }
  .u-fs-xxxxxxxl-pc {
    font-size: 32px !important
  }
  .u-fs-xxxxxxxxl-pc {
    font-size: 34px !important
  }
  .u-fs-xxxxxxxxxl-pc {
    font-size: 36px !important
  }
  .u-fs-xxxxxxxxxxl-pc {
    font-size: 38px !important
  }
  .u-fs-xxxxxxxxxxxl-pc {
    font-size: 40px !important
  }
  .u-fs-xxxxxxxxxxxxl-pc {
    font-size: 42px !important
  }
  .u-fs-note-pc {
    font-size: 12px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-fs-xxs-pc {
    font-size: 10px !important
  }
  .u-fs-xs-pc {
    font-size: 12px !important
  }
  .u-fs-s-pc {
    font-size: 14px !important
  }
  .u-fs-m-pc {
    font-size: 16px !important
  }
  .u-fs-l-pc {
    font-size: 18px !important
  }
  .u-fs-xl-pc {
    font-size: 20px !important
  }
  .u-fs-xxl-pc {
    font-size: 22px !important
  }
  .u-fs-xxxl-pc {
    font-size: 24px !important
  }
  .u-fs-xxxxl-pc {
    font-size: 26px !important
  }
  .u-fs-xxxxxl-pc {
    font-size: 28px !important
  }
  .u-fs-xxxxxxl-pc {
    font-size: 30px !important
  }
  .u-fs-xxxxxxxl-pc {
    font-size: 32px !important
  }
  .u-fs-xxxxxxxxl-pc {
    font-size: 34px !important
  }
  .u-fs-xxxxxxxxxl-pc {
    font-size: 36px !important
  }
  .u-fs-xxxxxxxxxxl-pc {
    font-size: 38px !important
  }
  .u-fs-xxxxxxxxxxxl-pc {
    font-size: 40px !important
  }
  .u-fs-xxxxxxxxxxxxl-pc {
    font-size: 42px !important
  }
  .u-fs-note-pc {
    font-size: 12px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-fs-xxs-sp {
    font-size: 10px !important
  }
  .u-fs-xs-sp {
    font-size: 12px !important
  }
  .u-fs-s-sp {
    font-size: 14px !important
  }
  .u-fs-m-sp {
    font-size: 16px !important
  }
  .u-fs-l-sp {
    font-size: 18px !important
  }
  .u-fs-xl-sp {
    font-size: 20px !important
  }
  .u-fs-xxl-sp {
    font-size: 22px !important
  }
  .u-fs-xxxl-sp {
    font-size: 24px !important
  }
  .u-fs-xxxxl-sp {
    font-size: 26px !important
  }
  .u-fs-xxxxxl-sp {
    font-size: 28px !important
  }
  .u-fs-xxxxxxl-sp {
    font-size: 30px !important
  }
  .u-fs-xxxxxxxl-sp {
    font-size: 32px !important
  }
  .u-fs-xxxxxxxxl-sp {
    font-size: 34px !important
  }
  .u-fs-xxxxxxxxxl-sp {
    font-size: 36px !important
  }
  .u-fs-xxxxxxxxxxl-sp {
    font-size: 38px !important
  }
  .u-fs-xxxxxxxxxxxl-sp {
    font-size: 40px !important
  }
  .u-fs-xxxxxxxxxxxxl-sp {
    font-size: 42px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-fs-xxs-sp {
    font-size: 10px !important
  }
  .u-fs-xs-sp {
    font-size: 12px !important
  }
  .u-fs-s-sp {
    font-size: 14px !important
  }
  .u-fs-m-sp {
    font-size: 16px !important
  }
  .u-fs-l-sp {
    font-size: 18px !important
  }
  .u-fs-xl-sp {
    font-size: 20px !important
  }
  .u-fs-xxl-sp {
    font-size: 22px !important
  }
  .u-fs-xxxl-sp {
    font-size: 24px !important
  }
  .u-fs-xxxxl-sp {
    font-size: 26px !important
  }
  .u-fs-xxxxxl-sp {
    font-size: 28px !important
  }
  .u-fs-xxxxxxl-sp {
    font-size: 30px !important
  }
  .u-fs-xxxxxxxl-sp {
    font-size: 32px !important
  }
  .u-fs-xxxxxxxxl-sp {
    font-size: 34px !important
  }
  .u-fs-xxxxxxxxxl-sp {
    font-size: 36px !important
  }
  .u-fs-xxxxxxxxxxl-sp {
    font-size: 38px !important
  }
  .u-fs-xxxxxxxxxxxl-sp {
    font-size: 40px !important
  }
  .u-fs-xxxxxxxxxxxxl-sp {
    font-size: 42px !important
  }
}
.u-fw-n {
  font-weight: 400 !important
}
.u-fw-m {
  font-weight: 500 !important
}
.u-fw-b {
  font-weight: 700 !important
}
.u-va-t {
  vertical-align: top !important
}
.u-va-m {
  vertical-align: middle !important
}
.u-va-b {
  vertical-align: bottom !important
}
.u-ti-1em {
  text-indent: -1em !important;
  margin-left: 1em !important
}
.u-ti-1em * {
  text-indent: 0 !important
}
.u-ti-1_6em {
  text-indent: -1.6em !important;
  margin-left: 1.6em !important
}
.u-ti-1_6em * {
  text-indent: 0 !important
}
.u-ti-2em {
  text-indent: -2em !important;
  margin-left: 2em !important
}
.u-ti-2em * {
  text-indent: 0 !important
}
.u-ti-3em {
  text-indent: -3em !important;
  margin-left: 3em !important
}
.u-ti-3em * {
  text-indent: 0 !important
}
.u-ti-n {
  text-indent: 0 !important;
  margin-left: 0 !important
}
.u-ti-n * {
  text-indent: 0 !important
}
.u-ta-c {
  text-align: center !important
}
@media print, screen and (min-width:1921px) {
  .u-ta-c-pc {
    text-align: center !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ta-c-pc {
    text-align: center !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ta-c-pc {
    text-align: center !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ta-c-sp {
    text-align: center !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ta-c-sp {
    text-align: center !important
  }
}
.u-ta-r {
  text-align: right !important
}
@media print, screen and (min-width:1921px) {
  .u-ta-r-pc {
    text-align: right !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ta-r-pc {
    text-align: right !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ta-r-pc {
    text-align: right !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ta-r-sp {
    text-align: right !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ta-r-sp {
    text-align: right !important
  }
}
.u-ta-l {
  text-align: left !important
}
@media print, screen and (min-width:1921px) {
  .u-ta-l-pc {
    text-align: left !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ta-l-pc {
    text-align: left !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ta-l-pc {
    text-align: left !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ta-l-sp {
    text-align: left !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ta-l-sp {
    text-align: left !important
  }
}
.u-td-n {
  text-decoration: none !important
}
@media print, screen and (min-width:1921px) {
  .u-td-n:hover {
    text-decoration: none !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-td-n:hover {
    text-decoration: none !important
  }
}
.u-mt-xxs {
  margin-top: 5px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-xxs {
    margin-top: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xxs {
    margin-top: 3px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-xxs-pc {
    margin-top: 5px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-xxs-pc {
    margin-top: 5px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-xxs-pc {
    margin-top: 5px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-xxs-sp {
    margin-top: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xxs-sp {
    margin-top: 3px !important
  }
}
.u-mt-xs {
  margin-top: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-xs {
    margin-top: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xs {
    margin-top: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-xs-pc {
    margin-top: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-xs-pc {
    margin-top: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-xs-pc {
    margin-top: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-xs-sp {
    margin-top: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xs-sp {
    margin-top: 5px !important
  }
}
.u-mt-s {
  margin-top: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-s {
    margin-top: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-s {
    margin-top: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-s-pc {
    margin-top: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-s-pc {
    margin-top: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-s-pc {
    margin-top: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-s-sp {
    margin-top: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-s-sp {
    margin-top: 15px !important
  }
}
.u-mt-m {
  margin-top: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-m {
    margin-top: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-m {
    margin-top: 30px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-m-pc {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-m-pc {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-m-pc {
    margin-top: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-m-sp {
    margin-top: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-m-sp {
    margin-top: 30px !important
  }
}
.u-mt-l {
  margin-top: 60px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-l {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-l {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-l-pc {
    margin-top: 60px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-l-pc {
    margin-top: 60px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-l-pc {
    margin-top: 60px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-l-sp {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-l-sp {
    margin-top: 40px !important
  }
}
.u-mt-xl {
  margin-top: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-xl {
    margin-top: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xl {
    margin-top: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-xl-pc {
    margin-top: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-xl-pc {
    margin-top: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-xl-pc {
    margin-top: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-xl-sp {
    margin-top: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xl-sp {
    margin-top: 25px !important
  }
}
.u-mt-xxl {
  margin-top: 60px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-xxl {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xxl {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-xxl-pc {
    margin-top: 60px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-xxl-pc {
    margin-top: 60px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-xxl-pc {
    margin-top: 60px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-xxl-sp {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xxl-sp {
    margin-top: 40px !important
  }
}
.u-mt-xxxl {
  margin-top: 70px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-xxxl {
    margin-top: 35px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xxxl {
    margin-top: 35px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-xxxl-pc {
    margin-top: 70px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-xxxl-pc {
    margin-top: 70px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-xxxl-pc {
    margin-top: 70px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-xxxl-sp {
    margin-top: 35px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xxxl-sp {
    margin-top: 35px !important
  }
}
.u-mt-xxxxl {
  margin-top: 80px !important
}
@media print, screen and (max-width: 480px) {
  .u-mt-xxxxl {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xxxxl {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mt-xxxxl-pc {
    margin-top: 80px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-xxxxl-pc {
    margin-top: 80px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-xxxxl-pc {
    margin-top: 80px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-xxxxl-sp {
    margin-top: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-xxxxl-sp {
    margin-top: 40px !important
  }
}
.u-mt-n {
  margin-top: 0 !important
}
@media print, screen and (min-width:1921px) {
  .u-mt-n-pc {
    margin-top: 0 !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mt-n-pc {
    margin-top: 0 !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mt-n-pc {
    margin-top: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mt-n-sp {
    margin-top: 0 !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mt-n-sp {
    margin-top: 0 !important
  }
}
.u-mb-xxs {
  margin-bottom: 5px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-xxs {
    margin-bottom: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xxs {
    margin-bottom: 3px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-xxs-pc {
    margin-bottom: 5px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-xxs-pc {
    margin-bottom: 5px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-xxs-pc {
    margin-bottom: 5px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-xxs-sp {
    margin-bottom: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xxs-sp {
    margin-bottom: 3px !important
  }
}
.u-mb-xs {
  margin-bottom: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-xs {
    margin-bottom: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xs {
    margin-bottom: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-xs-pc {
    margin-bottom: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-xs-pc {
    margin-bottom: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-xs-pc {
    margin-bottom: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-xs-sp {
    margin-bottom: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xs-sp {
    margin-bottom: 5px !important
  }
}
.u-mb-s {
  margin-bottom: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-s {
    margin-bottom: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-s {
    margin-bottom: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-s-pc {
    margin-bottom: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-s-pc {
    margin-bottom: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-s-pc {
    margin-bottom: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-s-sp {
    margin-bottom: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-s-sp {
    margin-bottom: 15px !important
  }
}
.u-mb-m {
  margin-bottom: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-m {
    margin-bottom: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-m {
    margin-bottom: 30px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-m-pc {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-m-pc {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-m-pc {
    margin-bottom: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-m-sp {
    margin-bottom: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-m-sp {
    margin-bottom: 30px !important
  }
}
.u-mb-l {
  margin-bottom: 60px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-l {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-l {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-l-pc {
    margin-bottom: 60px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-l-pc {
    margin-bottom: 60px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-l-pc {
    margin-bottom: 60px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-l-sp {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-l-sp {
    margin-bottom: 40px !important
  }
}
.u-mb-xl {
  margin-bottom: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-xl {
    margin-bottom: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xl {
    margin-bottom: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-xl-pc {
    margin-bottom: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-xl-pc {
    margin-bottom: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-xl-pc {
    margin-bottom: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-xl-sp {
    margin-bottom: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xl-sp {
    margin-bottom: 25px !important
  }
}
.u-mb-xxl {
  margin-bottom: 60px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-xxl {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xxl {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-xxl-pc {
    margin-bottom: 60px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-xxl-pc {
    margin-bottom: 60px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-xxl-pc {
    margin-bottom: 60px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-xxl-sp {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xxl-sp {
    margin-bottom: 40px !important
  }
}
.u-mb-xxxl {
  margin-bottom: 70px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-xxxl {
    margin-bottom: 35px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xxxl {
    margin-bottom: 35px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-xxxl-pc {
    margin-bottom: 70px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-xxxl-pc {
    margin-bottom: 70px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-xxxl-pc {
    margin-bottom: 70px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-xxxl-sp {
    margin-bottom: 35px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xxxl-sp {
    margin-bottom: 35px !important
  }
}
.u-mb-xxxxl {
  margin-bottom: 80px !important
}
@media print, screen and (max-width: 480px) {
  .u-mb-xxxxl {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xxxxl {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mb-xxxxl-pc {
    margin-bottom: 80px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-xxxxl-pc {
    margin-bottom: 80px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-xxxxl-pc {
    margin-bottom: 80px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-xxxxl-sp {
    margin-bottom: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-xxxxl-sp {
    margin-bottom: 40px !important
  }
}
.u-mb-n {
  margin-bottom: 0 !important
}
@media print, screen and (min-width:1921px) {
  .u-mb-n-pc {
    margin-bottom: 0 !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mb-n-pc {
    margin-bottom: 0 !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mb-n-pc {
    margin-bottom: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mb-n-sp {
    margin-bottom: 0 !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mb-n-sp {
    margin-bottom: 0 !important
  }
}
.u-ml-xxs {
  margin-left: 5px !important
}
@media print, screen and (max-width: 480px) {
  .u-ml-xxs {
    margin-left: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-xxs {
    margin-left: 3px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-ml-xxs-pc {
    margin-left: 5px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-xxs-pc {
    margin-left: 5px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-xxs-pc {
    margin-left: 5px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-xxs-sp {
    margin-left: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-xxs-sp {
    margin-left: 3px !important
  }
}
.u-ml-xs {
  margin-left: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-ml-xs {
    margin-left: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-xs {
    margin-left: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-ml-xs-pc {
    margin-left: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-xs-pc {
    margin-left: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-xs-pc {
    margin-left: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-xs-sp {
    margin-left: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-xs-sp {
    margin-left: 5px !important
  }
}
.u-ml-s {
  margin-left: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-ml-s {
    margin-left: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-s {
    margin-left: 10px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-ml-s-pc {
    margin-left: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-s-pc {
    margin-left: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-s-pc {
    margin-left: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-s-sp {
    margin-left: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-s-sp {
    margin-left: 10px !important
  }
}
.u-ml-m {
  margin-left: 30px !important
}
@media print, screen and (max-width: 480px) {
  .u-ml-m {
    margin-left: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-m {
    margin-left: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-ml-m-pc {
    margin-left: 30px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-m-pc {
    margin-left: 30px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-m-pc {
    margin-left: 30px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-m-sp {
    margin-left: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-m-sp {
    margin-left: 15px !important
  }
}
.u-ml-l {
  margin-left: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-ml-l {
    margin-left: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-l {
    margin-left: 20px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-ml-l-pc {
    margin-left: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-l-pc {
    margin-left: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-l-pc {
    margin-left: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-l-sp {
    margin-left: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-l-sp {
    margin-left: 20px !important
  }
}
.u-ml-xl {
  margin-left: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-ml-xl {
    margin-left: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-xl {
    margin-left: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-ml-xl-pc {
    margin-left: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-xl-pc {
    margin-left: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-xl-pc {
    margin-left: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-xl-sp {
    margin-left: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-xl-sp {
    margin-left: 25px !important
  }
}
.u-ml-1em {
  margin-left: 1em !important
}
@media print, screen and (min-width:1921px) {
  .u-ml-1em-pc {
    margin-left: 1em !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-1em-pc {
    margin-left: 1em !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-1em-pc {
    margin-left: 1em !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-1em-sp {
    margin-left: 1em !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-1em-sp {
    margin-left: 1em !important
  }
}
.u-ml-a {
  margin-left: auto !important
}
@media print, screen and (max-width: 480px) {
  .u-ml-a {
    margin-left: auto !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-a {
    margin-left: auto !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-ml-a-pc {
    margin-left: auto !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-a-pc {
    margin-left: auto !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-a-pc {
    margin-left: auto !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-a-sp {
    margin-left: auto !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-a-sp {
    margin-left: auto !important
  }
}
.u-ml-30 {
  margin-left: 30% !important
}
@media print, screen and (min-width:1921px) {
  .u-ml-30-pc {
    margin-left: 30% !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-ml-30-pc {
    margin-left: 30% !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-ml-30-pc {
    margin-left: 30% !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-ml-30-sp {
    margin-left: 30% !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ml-30-sp {
    margin-left: 30% !important
  }
}
.u-mr-xxs {
  margin-right: 5px !important
}
@media print, screen and (max-width: 480px) {
  .u-mr-xxs {
    margin-right: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-xxs {
    margin-right: 3px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mr-xxs-pc {
    margin-right: 5px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mr-xxs-pc {
    margin-right: 5px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mr-xxs-pc {
    margin-right: 5px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mr-xxs-sp {
    margin-right: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-xxs-sp {
    margin-right: 3px !important
  }
}
.u-mr-xs {
  margin-right: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-mr-xs {
    margin-right: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-xs {
    margin-right: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mr-xs-pc {
    margin-right: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mr-xs-pc {
    margin-right: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mr-xs-pc {
    margin-right: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mr-xs-sp {
    margin-right: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-xs-sp {
    margin-right: 5px !important
  }
}
.u-mr-s {
  margin-right: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-mr-s {
    margin-right: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-s {
    margin-right: 10px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mr-s-pc {
    margin-right: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mr-s-pc {
    margin-right: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mr-s-pc {
    margin-right: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mr-s-sp {
    margin-right: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-s-sp {
    margin-right: 10px !important
  }
}
.u-mr-m {
  margin-right: 30px !important
}
@media print, screen and (max-width: 480px) {
  .u-mr-m {
    margin-right: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-m {
    margin-right: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mr-m-pc {
    margin-right: 30px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mr-m-pc {
    margin-right: 30px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mr-m-pc {
    margin-right: 30px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mr-m-sp {
    margin-right: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-m-sp {
    margin-right: 15px !important
  }
}
.u-mr-l {
  margin-right: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-mr-l {
    margin-right: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-l {
    margin-right: 20px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mr-l-pc {
    margin-right: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mr-l-pc {
    margin-right: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mr-l-pc {
    margin-right: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mr-l-sp {
    margin-right: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-l-sp {
    margin-right: 20px !important
  }
}
.u-mr-xl {
  margin-right: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-mr-xl {
    margin-right: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-xl {
    margin-right: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mr-xl-pc {
    margin-right: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mr-xl-pc {
    margin-right: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mr-xl-pc {
    margin-right: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mr-xl-sp {
    margin-right: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-xl-sp {
    margin-right: 25px !important
  }
}
.u-mr-a {
  margin-right: auto !important
}
@media print, screen and (max-width: 480px) {
  .u-mr-a {
    margin-right: auto !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-a {
    margin-right: auto !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-mr-a-pc {
    margin-right: auto !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mr-a-pc {
    margin-right: auto !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mr-a-pc {
    margin-right: auto !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-mr-a-sp {
    margin-right: auto !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mr-a-sp {
    margin-right: auto !important
  }
}
.u-pa-xxs {
  padding: 5px !important
}
@media print, screen and (max-width: 480px) {
  .u-pa-xxs {
    padding: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-xxs {
    padding: 3px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pa-xxs-pc {
    padding: 5px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pa-xxs-pc {
    padding: 5px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pa-xxs-pc {
    padding: 5px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pa-xxs-sp {
    padding: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-xxs-sp {
    padding: 3px !important
  }
}
.u-pa-xs {
  padding: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-pa-xs {
    padding: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-xs {
    padding: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pa-xs-pc {
    padding: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pa-xs-pc {
    padding: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pa-xs-pc {
    padding: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pa-xs-sp {
    padding: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-xs-sp {
    padding: 5px !important
  }
}
.u-pa-s {
  padding: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-pa-s {
    padding: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-s {
    padding: 10px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pa-s-pc {
    padding: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pa-s-pc {
    padding: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pa-s-pc {
    padding: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pa-s-sp {
    padding: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-s-sp {
    padding: 10px !important
  }
}
.u-pa-m {
  padding: 30px !important
}
@media print, screen and (max-width: 480px) {
  .u-pa-m {
    padding: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-m {
    padding: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pa-m-pc {
    padding: 30px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pa-m-pc {
    padding: 30px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pa-m-pc {
    padding: 30px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pa-m-sp {
    padding: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-m-sp {
    padding: 15px !important
  }
}
.u-pa-l {
  padding: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-pa-l {
    padding: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-l {
    padding: 20px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pa-l-pc {
    padding: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pa-l-pc {
    padding: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pa-l-pc {
    padding: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pa-l-sp {
    padding: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-l-sp {
    padding: 20px !important
  }
}
.u-pa-xl {
  padding: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-pa-xl {
    padding: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-xl {
    padding: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pa-xl-pc {
    padding: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pa-xl-pc {
    padding: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pa-xl-pc {
    padding: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pa-xl-sp {
    padding: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pa-xl-sp {
    padding: 25px !important
  }
}
.u-pt-xs {
  padding-top: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-xs {
    padding-top: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xs {
    padding-top: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-xs-pc {
    padding-top: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-xs-pc {
    padding-top: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-xs-pc {
    padding-top: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-xs-sp {
    padding-top: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xs-sp {
    padding-top: 5px !important
  }
}
.u-pt-s {
  padding-top: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-s {
    padding-top: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-s {
    padding-top: 10px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-s-pc {
    padding-top: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-s-pc {
    padding-top: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-s-pc {
    padding-top: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-s-sp {
    padding-top: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-s-sp {
    padding-top: 10px !important
  }
}
.u-pt-m {
  padding-top: 30px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-m {
    padding-top: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-m {
    padding-top: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-m-pc {
    padding-top: 30px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-m-pc {
    padding-top: 30px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-m-pc {
    padding-top: 30px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-m-sp {
    padding-top: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-m-sp {
    padding-top: 15px !important
  }
}
.u-pt-l {
  padding-top: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-l {
    padding-top: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-l {
    padding-top: 20px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-l-pc {
    padding-top: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-l-pc {
    padding-top: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-l-pc {
    padding-top: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-l-sp {
    padding-top: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-l-sp {
    padding-top: 20px !important
  }
}
.u-pt-xl {
  padding-top: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-xl {
    padding-top: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xl {
    padding-top: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-xl-pc {
    padding-top: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-xl-pc {
    padding-top: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-xl-pc {
    padding-top: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-xl-sp {
    padding-top: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xl-sp {
    padding-top: 25px !important
  }
}
.u-pt-xxl {
  padding-top: 60px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxl {
    padding-top: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxl {
    padding-top: 30px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-xxl-pc {
    padding-top: 60px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-xxl-pc {
    padding-top: 60px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-xxl-pc {
    padding-top: 60px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxl-sp {
    padding-top: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxl-sp {
    padding-top: 30px !important
  }
}
.u-pt-xxxl {
  padding-top: 60px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxxl {
    padding-top: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxxl {
    padding-top: 30px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-xxxl-pc {
    padding-top: 60px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-xxxl-pc {
    padding-top: 60px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-xxxl-pc {
    padding-top: 60px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxxl-sp {
    padding-top: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxxl-sp {
    padding-top: 30px !important
  }
}
.u-pt-xxxxl {
  padding-top: 80px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxxxl {
    padding-top: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxxxl {
    padding-top: 40px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-xxxxl-pc {
    padding-top: 80px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-xxxxl-pc {
    padding-top: 80px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-xxxxl-pc {
    padding-top: 80px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxxxl-sp {
    padding-top: 40px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxxxl-sp {
    padding-top: 40px !important
  }
}
.u-pt-xxxxxl {
  padding-top: 90px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxxxxl {
    padding-top: 45px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxxxxl {
    padding-top: 45px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-xxxxxl-pc {
    padding-top: 90px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-xxxxxl-pc {
    padding-top: 90px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-xxxxxl-pc {
    padding-top: 90px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxxxxl-sp {
    padding-top: 45px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxxxxl-sp {
    padding-top: 45px !important
  }
}
.u-pt-xxxxxxl {
  padding-top: 100px !important
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxxxxxl {
    padding-top: 50px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxxxxxl {
    padding-top: 50px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pt-xxxxxxl-pc {
    padding-top: 100px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-xxxxxxl-pc {
    padding-top: 100px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-xxxxxxl-pc {
    padding-top: 100px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-xxxxxxl-sp {
    padding-top: 50px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-xxxxxxl-sp {
    padding-top: 50px !important
  }
}
.u-pt-outline {
  padding-top: 6px !important
}
@media print, screen and (min-width:1921px) {
  .u-pt-outline-pc {
    padding-top: 6px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-outline-pc {
    padding-top: 6px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-outline-pc {
    padding-top: 6px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-outline-sp {
    padding-top: 6px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-outline-sp {
    padding-top: 6px !important
  }
}
.u-pt-n {
  padding-top: 0 !important
}
@media print, screen and (min-width:1921px) {
  .u-pt-n-pc {
    padding-top: 0 !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pt-n-pc {
    padding-top: 0 !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pt-n-pc {
    padding-top: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pt-n-sp {
    padding-top: 0 !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pt-n-sp {
    padding-top: 0 !important
  }
}
.u-pb-xs {
  padding-bottom: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-pb-xs {
    padding-bottom: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-xs {
    padding-bottom: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pb-xs-pc {
    padding-bottom: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pb-xs-pc {
    padding-bottom: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pb-xs-pc {
    padding-bottom: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pb-xs-sp {
    padding-bottom: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-xs-sp {
    padding-bottom: 5px !important
  }
}
.u-pb-s {
  padding-bottom: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-pb-s {
    padding-bottom: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-s {
    padding-bottom: 10px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pb-s-pc {
    padding-bottom: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pb-s-pc {
    padding-bottom: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pb-s-pc {
    padding-bottom: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pb-s-sp {
    padding-bottom: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-s-sp {
    padding-bottom: 10px !important
  }
}
.u-pb-m {
  padding-bottom: 30px !important
}
@media print, screen and (max-width: 480px) {
  .u-pb-m {
    padding-bottom: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-m {
    padding-bottom: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pb-m-pc {
    padding-bottom: 30px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pb-m-pc {
    padding-bottom: 30px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pb-m-pc {
    padding-bottom: 30px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pb-m-sp {
    padding-bottom: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-m-sp {
    padding-bottom: 15px !important
  }
}
.u-pb-l {
  padding-bottom: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-pb-l {
    padding-bottom: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-l {
    padding-bottom: 20px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pb-l-pc {
    padding-bottom: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pb-l-pc {
    padding-bottom: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pb-l-pc {
    padding-bottom: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pb-l-sp {
    padding-bottom: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-l-sp {
    padding-bottom: 20px !important
  }
}
.u-pb-xl {
  padding-bottom: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-pb-xl {
    padding-bottom: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-xl {
    padding-bottom: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pb-xl-pc {
    padding-bottom: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pb-xl-pc {
    padding-bottom: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pb-xl-pc {
    padding-bottom: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pb-xl-sp {
    padding-bottom: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-xl-sp {
    padding-bottom: 25px !important
  }
}
.u-pb-xxl {
  padding-bottom: 60px !important
}
@media print, screen and (max-width: 480px) {
  .u-pb-xxl {
    padding-bottom: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-xxl {
    padding-bottom: 30px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pb-xxl-pc {
    padding-bottom: 60px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pb-xxl-pc {
    padding-bottom: 60px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pb-xxl-pc {
    padding-bottom: 60px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pb-xxl-sp {
    padding-bottom: 30px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-xxl-sp {
    padding-bottom: 30px !important
  }
}
.u-pb-n {
  padding-bottom: 0 !important
}
@media print, screen and (min-width:1921px) {
  .u-pb-n-pc {
    padding-bottom: 0 !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pb-n-pc {
    padding-bottom: 0 !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pb-n-pc {
    padding-bottom: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pb-n-sp {
    padding-bottom: 0 !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pb-n-sp {
    padding-bottom: 0 !important
  }
}
.u-pl-xxs {
  padding-left: 5px !important
}
@media print, screen and (max-width: 480px) {
  .u-pl-xxs {
    padding-left: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-xxs {
    padding-left: 3px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pl-xxs-pc {
    padding-left: 5px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pl-xxs-pc {
    padding-left: 5px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pl-xxs-pc {
    padding-left: 5px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pl-xxs-sp {
    padding-left: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-xxs-sp {
    padding-left: 3px !important
  }
}
.u-pl-xs {
  padding-left: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-pl-xs {
    padding-left: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-xs {
    padding-left: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pl-xs-pc {
    padding-left: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pl-xs-pc {
    padding-left: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pl-xs-pc {
    padding-left: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pl-xs-sp {
    padding-left: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-xs-sp {
    padding-left: 5px !important
  }
}
.u-pl-s {
  padding-left: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-pl-s {
    padding-left: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-s {
    padding-left: 10px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pl-s-pc {
    padding-left: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pl-s-pc {
    padding-left: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pl-s-pc {
    padding-left: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pl-s-sp {
    padding-left: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-s-sp {
    padding-left: 10px !important
  }
}
.u-pl-m {
  padding-left: 30px !important
}
@media print, screen and (max-width: 480px) {
  .u-pl-m {
    padding-left: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-m {
    padding-left: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pl-m-pc {
    padding-left: 30px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pl-m-pc {
    padding-left: 30px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pl-m-pc {
    padding-left: 30px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pl-m-sp {
    padding-left: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-m-sp {
    padding-left: 15px !important
  }
}
.u-pl-l {
  padding-left: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-pl-l {
    padding-left: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-l {
    padding-left: 20px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pl-l-pc {
    padding-left: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pl-l-pc {
    padding-left: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pl-l-pc {
    padding-left: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pl-l-sp {
    padding-left: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-l-sp {
    padding-left: 20px !important
  }
}
.u-pl-xl {
  padding-left: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-pl-xl {
    padding-left: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-xl {
    padding-left: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pl-xl-pc {
    padding-left: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pl-xl-pc {
    padding-left: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pl-xl-pc {
    padding-left: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pl-xl-sp {
    padding-left: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-xl-sp {
    padding-left: 25px !important
  }
}
.u-pl-n {
  padding-left: 0 !important
}
@media print, screen and (min-width:1921px) {
  .u-pl-n-pc {
    padding-left: 0 !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pl-n-pc {
    padding-left: 0 !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pl-n-pc {
    padding-left: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pl-n-sp {
    padding-left: 0 !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pl-n-sp {
    padding-left: 0 !important
  }
}
.u-pr-xxs {
  padding-right: 5px !important
}
@media print, screen and (max-width: 480px) {
  .u-pr-xxs {
    padding-right: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-xxs {
    padding-right: 3px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pr-xxs-pc {
    padding-right: 5px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pr-xxs-pc {
    padding-right: 5px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pr-xxs-pc {
    padding-right: 5px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pr-xxs-sp {
    padding-right: 3px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-xxs-sp {
    padding-right: 3px !important
  }
}
.u-pr-xs {
  padding-right: 10px !important
}
@media print, screen and (max-width: 480px) {
  .u-pr-xs {
    padding-right: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-xs {
    padding-right: 5px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pr-xs-pc {
    padding-right: 10px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pr-xs-pc {
    padding-right: 10px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pr-xs-pc {
    padding-right: 10px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pr-xs-sp {
    padding-right: 5px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-xs-sp {
    padding-right: 5px !important
  }
}
.u-pr-s {
  padding-right: 20px !important
}
@media print, screen and (max-width: 480px) {
  .u-pr-s {
    padding-right: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-s {
    padding-right: 10px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pr-s-pc {
    padding-right: 20px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pr-s-pc {
    padding-right: 20px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pr-s-pc {
    padding-right: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pr-s-sp {
    padding-right: 10px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-s-sp {
    padding-right: 10px !important
  }
}
.u-pr-m {
  padding-right: 30px !important
}
@media print, screen and (max-width: 480px) {
  .u-pr-m {
    padding-right: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-m {
    padding-right: 15px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pr-m-pc {
    padding-right: 30px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pr-m-pc {
    padding-right: 30px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pr-m-pc {
    padding-right: 30px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pr-m-sp {
    padding-right: 15px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-m-sp {
    padding-right: 15px !important
  }
}
.u-pr-l {
  padding-right: 40px !important
}
@media print, screen and (max-width: 480px) {
  .u-pr-l {
    padding-right: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-l {
    padding-right: 20px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pr-l-pc {
    padding-right: 40px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pr-l-pc {
    padding-right: 40px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pr-l-pc {
    padding-right: 40px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pr-l-sp {
    padding-right: 20px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-l-sp {
    padding-right: 20px !important
  }
}
.u-pr-xl {
  padding-right: 50px !important
}
@media print, screen and (max-width: 480px) {
  .u-pr-xl {
    padding-right: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-xl {
    padding-right: 25px !important
  }
}
@media print, screen and (min-width:1921px) {
  .u-pr-xl-pc {
    padding-right: 50px !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pr-xl-pc {
    padding-right: 50px !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pr-xl-pc {
    padding-right: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pr-xl-sp {
    padding-right: 25px !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-xl-sp {
    padding-right: 25px !important
  }
}
.u-pr-n {
  padding-right: 0 !important
}
@media print, screen and (min-width:1921px) {
  .u-pr-n-pc {
    padding-right: 0 !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-pr-n-pc {
    padding-right: 0 !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-pr-n-pc {
    padding-right: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-pr-n-sp {
    padding-right: 0 !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-pr-n-sp {
    padding-right: 0 !important
  }
}
.u-cl-wht-1 {
  color: #fff !important
}
.u-cl-blk-1 {
  color: #000 !important
}
.u-cl-grn-1 {
  color: #1bad55 !important
}
.u-cl-sec-1 {
  color: #01a0ca !important
}
.u-cl-sec-2 {
  color: #0081cc !important
}
.u-cl-sec-3 {
  color: #004e98 !important
}
.u-cl-sec-4 {
  color: #019fa8 !important
}
.u-cl-sec-5 {
  color: #1aad55 !important
}
.u-cl-sec-6 {
  color: #ef7800 !important
}
.u-cl-sec-7 {
  color: #40a6aa !important
}
.u-cl-sec-8 {
  color: #e50150 !important
}
.u-bg-wht-1 {
  background-color: #fff !important
}
.u-bg-blk-1 {
  background-color: #000 !important
}
.u-bg-grn-1 {
  background-color: #1bad55 !important
}
.u-bg-pgrn-1 {
  background-color: #e1f0de !important
}
.u-bg-blu-7 {
  background-color: #b9e3f9 !important
}
.u-bg-blu-8 {
  background-color: #d3ddf1 !important
}
.u-bg-vio-1 {
  background-color: #e6d4e7 !important
}
.u-bg-pnk-1 {
  background-color: #f7c9dc !important
}
.u-bg-pnk-2 {
  background-color: #fadbd9 !important
}
.u-bg-org-4 {
  background-color: #ffe6cb !important
}
.u-bg-ylw-1 {
  background-color: #fffac2 !important
}
.u-bg-n {
  background: none !important
}
.u-bda-wht-1 {
  border: solid 1px #fff !important
}
.u-bda-n {
  border: none !important
}
.u-po-r {
  position: relative !important
}
@media print, screen and (min-width:1921px) {
  .u-po-r-pc {
    position: relative !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-po-r-pc {
    position: relative !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-po-r-pc {
    position: relative !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-po-r-sp {
    position: relative !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-po-r-sp {
    position: relative !important
  }
}
.u-po-a {
  position: absolute !important
}
@media print, screen and (min-width:1921px) {
  .u-po-a-pc {
    position: absolute !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-po-a-pc {
    position: absolute !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-po-a-pc {
    position: absolute !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-po-a-sp {
    position: absolute !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-po-a-sp {
    position: absolute !important
  }
}
.u-r-n {
  right: 0 !important
}
@media print, screen and (min-width:1921px) {
  .u-r-n-pc {
    right: 0 !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-r-n-pc {
    right: 0 !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-r-n-pc {
    right: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-r-n-sp {
    right: 0 !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-r-n-sp {
    right: 0 !important
  }
}
.u-t-n {
  top: 0 !important
}
@media print, screen and (min-width:1921px) {
  .u-t-n-pc {
    top: 0 !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-t-n-pc {
    top: 0 !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-t-n-pc {
    top: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-t-n-sp {
    right: 0 !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-t-n-sp {
    right: 0 !important
  }
}
.u-bdrad-xxs {
  position: relative;
  overflow: hidden;
  border-radius: 5px !important;
  z-index: 1
}
@media print, screen and (max-width: 480px) {
  .u-bdrad-xxs {
    border-radius: 3px !important;
    position: relative;
    z-index: 1
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-bdrad-xxs {
    border-radius: 3px !important;
    position: relative;
    z-index: 1
  }
}
.u-bdrad-s {
  overflow: hidden;
  border-radius: 1.3888888889vw !important;
  position: relative;
  z-index: 1
}
@media print, screen and (min-width:1921px) {
  .u-bdrad-s {
    border-radius: 20px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-bdrad-s {
    border-radius: clamp(0%, 5.3333333333vw, 20px) !important;
    position: relative;
    z-index: 1
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-bdrad-s {
    border-radius: clamp(0%, 5.3333333333vw, 20px) !important;
    position: relative;
    z-index: 1
  }
}
.u-bdrad-m {
  overflow: hidden;
  border-radius: 2.0833333333vw !important;
  position: relative;
  z-index: 1
}
@media print, screen and (min-width:1921px) {
  .u-bdrad-m {
    border-radius: 30px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-bdrad-m {
    border-radius: clamp(0%, 8vw, 30px) !important;
    position: relative;
    z-index: 1
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-bdrad-m {
    border-radius: clamp(0%, 8vw, 30px) !important;
    position: relative;
    z-index: 1
  }
}
.u-bdrad-m-2 {
  overflow: hidden;
  border-radius: 1.7361111111vw !important;
  position: relative;
  z-index: 1
}
@media print, screen and (min-width:1921px) {
  .u-bdrad-m-2 {
    border-radius: 25px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-bdrad-m-2 {
    border-radius: clamp(0%, 6.6666666667vw, 25px) !important;
    position: relative;
    z-index: 1
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-bdrad-m-2 {
    border-radius: clamp(0%, 6.6666666667vw, 25px) !important;
    position: relative;
    z-index: 1
  }
}
.u-bdrad-l {
  overflow: hidden;
  border-radius: 3.4722222222vw !important;
  position: relative;
  z-index: 1
}
@media print, screen and (min-width:1921px) {
  .u-bdrad-l {
    border-radius: 50px !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-bdrad-l {
    border-radius: clamp(0%, 13.3333333333vw, 50px) !important;
    position: relative;
    z-index: 1
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-bdrad-l {
    border-radius: clamp(0%, 13.3333333333vw, 50px) !important;
    position: relative;
    z-index: 1
  }
}
.u-bdrad-n {
  overflow: hidden;
  border-radius: 0 !important;
  position: relative;
  z-index: 1
}
@media print, screen and (min-width:1921px) {
  .u-bdrad-n {
    border-radius: 0 !important
  }
}
@media print, screen and (max-width: 480px) {
  .u-bdrad-n {
    border-radius: 0 !important;
    position: relative;
    z-index: 1
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-bdrad-n {
    border-radius: 0 !important;
    position: relative;
    z-index: 1
  }
}
.u-fds-blk-1 {
  -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.75));
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.75))
}
.u-fds-gry-1 {
  -webkit-filter: drop-shadow(0px 2px 4px rgba(99, 99, 99, 0.2));
  filter: drop-shadow(0px 2px 4px rgba(99, 99, 99, 0.2))
}
.u-ws-n {
  display: inline-block;
  white-space: nowrap
}
.u-ws-n::before {
  content: " ";
  display: inline-block;
  overflow: hidden;
  width: 0
}
@media print, screen and (max-width: 480px) {
  .u-ws-n-sp {
    display: inline-block;
    white-space: nowrap
  }
  .u-ws-n-sp:after {
    content: " ";
    display: inline-block;
    overflow: hidden;
    width: 0
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-ws-n-sp {
    display: inline-block;
    white-space: nowrap
  }
  .u-ws-n-sp:after {
    content: " ";
    display: inline-block;
    overflow: hidden;
    width: 0
  }
}
.u-ws-nml {
  white-space: normal !important
}
.u-hover {
  -webkit-transition: opacity .2s ease-out 0s;
  transition: opacity .2s ease-out 0s
}
.u-hover .c-col_img {
  overflow: hidden
}
.u-hover .c-col_img img {
  -webkit-transition: -webkit-transform .2s ease-out 0s;
  transition: -webkit-transform .2s ease-out 0s;
  transition: transform .2s ease-out 0s;
  transition: transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s
}
@media print, screen and (min-width:1921px) {
  .u-hover:hover {
    opacity: .8
  }
  .u-hover:hover .c-col_img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-hover:hover {
    opacity: .8
  }
  .u-hover:hover .c-col_img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
}
.u-hover-img .c-col_img {
  overflow: hidden
}
.u-hover-img .c-col_img img {
  -webkit-transition: -webkit-transform .2s ease-out 0s;
  transition: -webkit-transform .2s ease-out 0s;
  transition: transform .2s ease-out 0s;
  transition: transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s
}
@media print, screen and (min-width:1921px) {
  .u-hover-img:hover .c-col_img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-hover-img:hover .c-col_img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
}
.u-mq-pc {
  display: none
}
@media print, screen and (min-width:1921px) {
  .u-mq-pc {
    display: block !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  .u-mq-pc {
    display: block !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  .u-mq-pc {
    display: block !important
  }
}
.u-mq-sp {
  display: none
}
@media print, screen and (max-width: 480px) {
  .u-mq-sp {
    display: block !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  .u-mq-sp {
    display: block !important
  }
}
.u-lg-ylw-1 {
  background: #f4ea4a;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(244, 234, 74, 0)), color-stop(19%, rgba(244, 234, 74, 0)), color-stop(20%, rgb(244, 234, 74)), color-stop(64%, rgb(244, 234, 74)), color-stop(65%, rgba(244, 234, 74, 0)));
  background: -webkit-linear-gradient(bottom, rgba(244, 234, 74, 0) 0%, rgba(244, 234, 74, 0) 19%, rgb(244, 234, 74) 20%, rgb(244, 234, 74) 64%, rgba(244, 234, 74, 0) 65%);
  background: linear-gradient(0deg, rgba(244, 234, 74, 0) 0%, rgba(244, 234, 74, 0) 19%, rgb(244, 234, 74) 20%, rgb(244, 234, 74) 64%, rgba(244, 234, 74, 0) 65%)
}
br.u-mq-pc {
  display: none
}
@media print, screen and (min-width:1921px) {
  br.u-mq-pc {
    display: inline !important
  }
}
@media print, screen and (min-width:1141px)and (max-width: 1920px) {
  br.u-mq-pc {
    display: inline !important
  }
}
@media print, screen and (min-width:769px)and (max-width: 1140px) {
  br.u-mq-pc {
    display: inline !important
  }
}
br.u-mq-sp {
  display: none
}
@media print, screen and (max-width: 480px) {
  br.u-mq-sp {
    display: inline !important
  }
}
@media print, screen and (min-width: 481px)and (max-width: 768px) {
  br.u-mq-sp {
    display: inline !important
  }
}
.js-accTarget {
  position: relative;
  display: none;
  width: 100%
}
.dbk-inner {
  display: block;
  width: 100%;
  max-width: 920px;
  padding: 0 10px;
  margin: 0 auto
}
.dbk-logo {
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding: 15px 0px 28px
}
.dbk-logo_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 12px;
  line-height: 1.5;
  margin-right: 0
}
@media screen and (max-width: 767px) {
  .dbk-logo_txt {
    margin-right: 10px;
    width: calc(100% - 150px - 10px)
  }
}
.dbk-logo_img img {
  width: 150px
}
.dbk-u-mgl-vr-2hf {
  margin-left: 30px
}