@charset "UTF-8";
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert
}
*, *::before, *::after {
  box-sizing: border-box
}
ol, ul {
  list-style: none
}
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
table {
  border-collapse: collapse
}
a {
  cursor: pointer
}
html {
  font-size: 62.5%
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw
  }
}
body {
  color: #000;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .05rem;
  text-align: justify;
}
body.is-noscroll {
  overflow: hidden
}
main {
  position: relative;
  overflow: hidden
}
body.is-fixed {
  position: fixed !important;
  width: 100%;
  height: 100%;
  left: 0;
  overflow: scroll
}
header.is-fixed .l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 888
}
.l-header {
  width: 100%;
  background: #fff;
}
.l-header_inner {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 888;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto
}
@media screen and (max-width: 767px) {
  .l-header_inner {
    position: fixed
  }
}
@media screen and (max-width: 767px) {
  .l-header_navArea {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 70px 0;
    background: rgba(229, 0, 18, .9)
  }
}
.l-header_navArea .navGlobal--pc .menu {
  display: flex;
  flex: 1 1
}
.l-header_navArea .navGlobal--pc .menu_item {
  position: relative;
  font-size: 18px
}
.l-header_navArea .navGlobal--pc .menu_item > a {
  display: inline-block;
  padding: 1em;
  padding: 1.5em 1em;
}
.l-header_navArea .navGlobal--pc .menu_item > a:hover {
  text-decoration: underline
}
.l-header_navArea .navGlobal--pc .menu_item:not(:last-child):after {
  display: inline-block;
  content: "|";
}
.l-header_navArea .navGlobal--pc .menu_item--hasChildren .submenu {
  height: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  background-color: #f5f5f5;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: height .6s ease-in-out
}
.l-header_navArea .navGlobal--pc .menu_item--hasChildren .submenu_item > a {
  display: inline-block;
  text-align: center;
  width: 200px;
  padding: 1em
}
.l-header_navArea .navGlobal--pc .menu_item--hasChildren .submenu_item > a:hover {
  background-color: #999
}
.l-header_navArea .navGlobal--pc .menu_item--hasChildren .submenu.is-view {
  height: 100vh;
  transition: height .6s ease-in-out
}
.l-header_navArea .navGlobal--sp {
  width: 100%
}
.l-header_navArea .navGlobal--sp .menu {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin: auto
}
.l-header_navArea .navGlobal--sp .menu_item {
  position: relative
}
.l-header_navArea .navGlobal--sp .menu_item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, .7)
}
.l-header_navArea .navGlobal--sp .menu_item > a {
  display: block;
  padding: 15px 0;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 1px
}
.l-header_navArea .navGlobal--sp .menu_item > a:hover {
  color: #fff;
  text-decoration: underline
}
.l-header_navArea .navGlobal--sp .menu_item--hasChildren .submenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #f5f5f5
}
.l-header_navArea .navGlobal--sp .menu_item--hasChildren .submenu_item > a {
  display: inline-block;
  text-align: center;
  width: 200px;
  padding: 1em
}
.l-header_navArea .navGlobal--sp .menu_item--hasChildren .submenu_item > a:hover {
  background-color: #999
}
.l-header_toggle {
  position: fixed;
  right: 0;
  top: 0;
  width: 60px;
  height: 55px;
  cursor: pointer;
  z-index: 999;
  background: rgba(0, 0, 0, .8)
}
@media screen and (min-width: 768px) {
  .l-header_toggle {
    display: none
  }
}
.l-header_toggle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35%;
  height: 2px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: .3s
}
.l-header_toggle span:before, .l-header_toggle span:after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: -6px;
  left: 0;
  background: #fff;
  transition: .3s
}
.l-header_toggle span:before {
  top: -8px
}
.l-header_toggle span:after {
  top: 8px
}
.l-header_toggle.is-active span {
  background: 0, 0;
  transition: .3s
}
.l-header_toggle.is-active span:before {
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: .3s
}
.l-header_toggle.is-active span:after {
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: .3s
}
.l-header.is-active .l-header_navArea {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.l-footer_inner {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px
}
.l-footer_logo {
  width: 289px;
  margin: 0 auto
}
@media screen and (max-width: 767px) {
  .l-footer_logo {
    width: 211px
  }
}
.l-footer_address {
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 30px
}
@media screen and (max-width: 767px) {
  .l-footer_address {
    margin-top: 13px;
    font-size: 12px
  }
}
.l-wrap {
  width: min(95%, 1000px);
  margin: 0 auto
}
@media screen and (max-width: 767px) {
  .l-wrap {
    width: 100%;
    padding-left: 4%;
    padding-right: 4%
  }
}
.l-main {
  background: #e50012;
}
@media screen and (min-width: 768px) {
  .l-main {
    background: #e50012;
    background-size: 100%
  }
} /*
.l-main_inner {
  background: url(../../assets/img/bg_main_obj.png) repeat;
  background-size: 100%;
  background-size: cover;
}*/
.l-main_inner::before {
  content: ''; /* 疑似要素には空のcontentが必要 */
  position: absolute; /* 親要素を基準に配置 */
  pointer-events: none; /* ← 背景にクリックを通す */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../assets/img/bg_main_obj.png) repeat;
  background-size: 100%;
  z-index: 1; /* 子要素より手前に配置 */
}

@media screen and (max-width: 767px) {
.l-main_inner::before {
	background: none;
}
}


.c-ttl_subhead01 {
  text-align: center;
  line-height: 1.2;
  margin-bottom: 40px;
}
.c-ttl_short img {
  max-width: 480px;
}
.c-ttl_short, .c-ttl_interview {
    top: 40px;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-ttl_short, .c-ttl_interview {
    position: relative;
    z-index: 10;
  }
}
.c-ttl_short {
  text-align: left;
  padding-left: 6%;
}
.c-ttl_interview img {
  max-width: 880px;
}
@media screen and (max-width: 767px) {
  .c-ttl_subhead01 {
    margin-bottom: 20px;
	  margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-ttl_subhead01 {
    font-size: 2.2rem;
        z-index: 1;
        position: relative;
  }
}
.c-ttl_subhead02 {
  position: relative;
  text-align: center;
  line-height: 1.3636363636;
  color: #231815;
  font-size: 22px;
  font-weight: 600;
  padding: .455em 1em;
  margin: auto;
  background: #d9eee1;
  margin-bottom: 50px
}
@media screen and (min-width: 768px) {
  .c-ttl_subhead02 {
    font-size: 2.2vw
  }
}
@media screen and (min-width: 1000px) {
  .c-ttl_subhead02 {
    font-size: 22px
  }
}
@media screen and (max-width: 767px) {
  .c-ttl_subhead02 {
    font-size: 1.9rem
  }
}
@media screen and (max-width: 767px) {
  .c-ttl_subhead02 {
    margin-bottom: 15px
  }
}
.c-ttl_subhead02:before, .c-ttl_subhead02:after {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border: 1.18em solid rgba(0, 0, 0, 0);
  top: 0;
  bottom: 0;
  margin: auto
}
.c-ttl_subhead03 {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
  padding-left: 1.2em
}
@media screen and (min-width: 768px) {
  .c-ttl_subhead03 {
    font-size: 2vw
  }
}
@media screen and (min-width: 1000px) {
  .c-ttl_subhead03 {
    font-size: 20px
  }
}
@media screen and (max-width: 767px) {
  .c-ttl_subhead03 {
    margin-bottom: 5px
  }
}
@media screen and (max-width: 767px) {
  .c-ttl_subhead03 {
    font-size: 1.8rem;
    margin-bottom: 10px
  }
}
.c-ttl_subhead03:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 1.2em;
  left: 0;
  top: .2em;
  background-color: #f2d823
}
.c-txt {
  font-size: 16px
}
@media screen and (max-width: 767px) {
  .c-txt {
    font-size: 1.4rem
  }
}
@media screen and (max-width: 767px) {
  .c-txt--sp {
    font-size: 1.5rem !important
  }
}
.c-txt--14 {
  font-size: 14px
}
@media screen and (max-width: 767px) {
  .c-txt--14 {
    font-size: 1.3rem
  }
}
.c-txt--18 {
  font-size: 18px
}
@media screen and (max-width: 767px) {
  .c-txt--18 {
    font-size: 1.5rem
  }
}
.c-txt--20 {
  font-size: 20px
}
@media screen and (max-width: 767px) {
  .c-txt--20 {
    font-size: 1.6rem
  }
}
.c-txt--25 {
  font-size: 25px
}
@media screen and (max-width: 767px) {
  .c-txt--25 {
    font-size: 1.8rem
  }
}
.c-txt--30 {
  font-size: 30px
}
@media screen and (max-width: 767px) {
  .c-txt--30 {
    font-size: 2rem
  }
}
.c-btnType01 {
  position: relative;
  z-index: 1;
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 80%;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  padding: .775em 1em;
  border-radius: 100vw;
  overflow: hidden;
  background: #ffcc00;
  box-shadow: 0 5px 0 #e5b700;
}

.c-btnType01:hover{
  background: #e5b700;
  box-shadow: 0 5px 0 #ffcc00;
	transition: 0.5s;	
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-btnType01 {
    font-size: 2vw
  }
}
@media screen and (min-width: 1000px) {
  .c-btnType01 {
    font-size: 20px
  }
}
@media screen and (max-width: 767px) {
  .c-btnType01 {
    font-size: 1.6rem;
    max-width: 100%
  }
}
.c-btnType01:after {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 0 #e5b700;
}
.c-btnType01:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: .5em solid #000;
  border-top: .4em solid rgba(0, 0, 0, 0);
  border-bottom: .4em solid rgba(0, 0, 0, 0)
}
.c-btnType01:hover::before {
  border-left: .5em solid #fff;
	transition: 0.5s;	
}
@media screen and (min-width: 768px) {
  .c-btnType01:after {
    transition: width .4s ease
  }
  .c-btnType01:hover:after {
    width: 200%
  }
}
.c-frame_shadow, .c-frame_shadow--radius {
  width: 100%;
  position: relative
}
.c-frame_shadow:before, .c-frame_shadow--radius:before {
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 1.4rem 0px rgba(0, 0, 0, .15);
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0
}
.c-frame_shadowInner {
  position: relative
}
.c-frame_shadow--radius:before {
  border-radius: 10px
}
@media screen and (max-width: 767px) {
  .c-frame_shadow--radius:before {
    border-radius: .5rem
  }
}
.c-frame_radius {
  border-radius: 10px;
  overflow: hidden
}
@media screen and (max-width: 767px) {
  .c-frame_radius {
    border-radius: .5rem
  }
}
.c-link_underline {
  position: relative;
  cursor: pointer
}
.c-link_underline:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: -0.3em;
  left: 0;
  background-color: #000;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}
@media screen and (max-width: 767px) {
  .c-link_underline:before {
    display: none
  }
}
@media screen and (min-width: 768px) {
  .c-link_underline:hover:before {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
  }
}
.c-link_opacity {
  cursor: pointer
}
@media screen and (min-width: 768px) {
  .c-link_opacity {
    transition: opacity .4s ease
  }
  .c-link_opacity:hover {
    opacity: .75
  }
}
.c-link_blank {
  position: relative;
  display: inline-block;
  line-height: 1.3;
  padding-left: 1.6em
}
.c-link_blank:before {
  position: absolute;
  content: "";
  width: 1.2em;
  height: 1.2em;
  background: url(../../assets/img/icon_ex.svg) no-repeat;
  background-size: 100%;
  top: 0;
  left: 0
}
.c-border {
  border: .1rem solid
}
.c-border_top {
  border-top: .1rem solid
}
.c-border_bottom {
  border-bottom: .1rem solid
}
.c-border_left {
  border-left: .1rem solid
}
.c-border_right {
  border-right: .1rem solid
}
.c-box_blur--white {
  position: relative;
  z-index: 1;
  line-height: 1.7777777778;
  padding: 3% 5%
}
@media screen and (max-width: 767px) {
  .c-box_blur--white {
    padding: 4.347826087% 7.2463768116%
  }
}
.c-box_blur--white:before {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 40px;
  -webkit-filter: blur(6px);
  filter: blur(6px)
}
.c-box_bd, .c-box_bd--col {
  position: relative;
  background-color: #fff;
  padding: 65px 50px 50px;
  color: #1e1e1e;
  border: 10px solid #000;
}
@media screen and (max-width: 767px) {
  .c-box_bd, .c-box_bd--col {
    padding: 5%;
    border: 5px solid #000;
  }
}
.c-box_bd_row {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .c-box_bd_row {
    justify-content: space-between
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_row {
  }
}
/*
@media screen and (min-width: 768px) {
  .c-box_bd_rowImg {
    width: 69.3181818181%
  }
}*/
@media screen and (max-width: 767px) {
  .c-box_bd_rowImg {
    width: 85%;
    margin: auto;
    margin-bottom: 40px;
    position: relative;
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .c-box_bd_rowImg {
    margin-bottom: 20px
  }
}
@media screen and (min-width: 768px) {
  .c-box_bd_rowTxt {
    width: 27.27272727%;
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_rowTxt {
    margin-bottom: 10px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .c-box_bd_rowTxt {
    margin-bottom: 5px
  }
}
.c-box_bd_ttl, .c-box_bd_ttl--ja {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 30px
}
@media screen and (min-width: 768px) {
  .c-box_bd_ttl, .c-box_bd_ttl--ja {
    font-size: 3.6vw
  }
}
@media screen and (min-width: 1000px) {
  .c-box_bd_ttl, .c-box_bd_ttl--ja {
    font-size: 36px
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_ttl, .c-box_bd_ttl--ja {
    margin-bottom: 15px
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_ttl, .c-box_bd_ttl--ja {
    font-size: 2.4rem
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_ttl--ja {
    font-size: 3rem
  }
}
.c-box_bd_ttl > img, .c-box_bd_ttl--ja > img {
  display: inline-block;
  width: auto;
  height: .9em
}
.c-box_bd_img {
  position: relative
}
.c-box_bd_img img.obj {
  position: absolute;
  z-index: 1;
  width: 32.3684210526%;
  top: -10.7142857143%;
  right: -1.3157894737%
}
.c-box_bd_listItem {
  display: flex;
  justify-content: space-between
}
.c-box_bd_listItem:not(:last-child) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddb033
}
@media screen and (max-width: 767px) {
  .c-box_bd_listItem:not(:last-child) {
    padding-bottom: 10px
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_listItem:not(:last-child) {
    margin-bottom: 10px
  }
}
@media screen and (min-width: 768px) {
  .c-box_bd_listItem_img {
    width: 31.5789473684%
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_listItem_img {
    width: 36.8421052632%
  }
}
@media screen and (min-width: 768px) {
  .c-box_bd_listItem_txt {
    width: 63.1578947368%
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_listItem_txt {
    width: 57.8947368421%
  }
}
.c-box_bd_listItem_ttl {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 10px
}
@media screen and (min-width: 768px) {
  .c-box_bd_listItem_ttl {
    font-size: 3vw
  }
}
@media screen and (min-width: 1000px) {
  .c-box_bd_listItem_ttl {
    font-size: 30px
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd_listItem_ttl {
    margin-bottom: 5px
  }
}
.c-box_bd_listItem_ttl > img {
  display: inline-block;
  width: auto;
  height: .9em
}
@media screen and (min-width: 768px) {
  .c-box_bd--col {
    width: 48%;
    padding: 4% 5%
  }
}
@media screen and (max-width: 767px) {
  .c-box_bd--col:not(:last-child) {
    margin-bottom: 30px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .c-box_bd--col:not(:last-child) {
    margin-bottom: 15px
  }
}
.c-box_event {
  position: relative;
  border: 10px solid #000;
}
.c-box_event:first-child {
  margin-top: 50px
}
@media screen and (max-width: 767px) {
  .c-box_event {
    border: 5px solid #000;
  }
}
@media screen and (max-width: 767px) {
  .c-box_event:first-child {
    margin-top: 40px
  }
}
.c-box_event:not(:last-child) {
  margin-bottom: 70px
}
@media screen and (max-width: 767px) {
  .c-box_event:not(:last-child) {
    margin-bottom: 40px
  }
}
@media screen and (max-width: 767px) {
  .c-box_event:not(:last-child) {
    margin-bottom: 120px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .c-box_event:not(:last-child) {
    margin-bottom: 60px
  }
}
.c-box_event_ttl {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4
}
@media screen and (min-width: 768px) {
  .c-box_event_ttl {
    font-size: 3vw
  }
}
@media screen and (min-width: 1000px) {
  .c-box_event_ttl {
    font-size: 30px
  }
}
@media screen and (max-width: 767px) {
  .c-box_event_ttl {
    font-size: 2.2rem
  }
}
.c-box_event_subhead {
  position: relative;
  font-size: 30px;
  font-weight: 700;
  padding-left: .8em;
  margin-bottom: 50px
}
@media screen and (min-width: 768px) {
  .c-box_event_subhead {
    font-size: 3vw
  }
}
@media screen and (min-width: 1000px) {
  .c-box_event_subhead {
    font-size: 30px
  }
}
@media screen and (max-width: 767px) {
  .c-box_event_subhead {
    margin-bottom: 10px
  }
}
@media screen and (max-width: 767px) {
  .c-box_event_subhead {
    font-size: 2rem
  }
}
.c-box_event_subhead:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 1em;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #00913a
}
@media screen and (max-width: 767px) {
  .c-box_event_subhead:before {
    width: 8px
  }
}
.c-box_event_date {
  color: #000;
  background-color: #fff;
  text-align: center;
  padding: 0 1em;
  line-height: 1.6666666667;
  min-width: 14.445em;
  width: 270px;
}
@media screen and (max-width: 767px) {
  .c-box_event_date {
    margin-top: .8em;
    font-size: 1.5rem
  }
}
.c-box_event_info {
  color: #fff;
  background-color: #00913a;
  padding: .8em 2em;
  margin-top: auto;
  position: relative
}
@media screen and (max-width: 767px) {
  .c-box_event_info {
    padding: .5em .5em
  }
}
.c-box_event_info ul {
  overflow: hidden
}
.c-box_event_info ul > li {
  display: flex;
  line-height: 1.875
}
.c-box_event_info ul > li:first-child > span {
  position: relative
}
.c-box_event_info ul > li:first-child > span:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 100vh;
  right: 0;
  top: 0;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .c-box_event_info ul > li:first-child > span:before {
    width: 1px
  }
}
.c-box_event_info ul > li > span {
  display: block;
  text-align: center;
  margin-right: 1.5em;
  padding-right: 2em;
  min-width: 7.2em
}
@media screen and (max-width: 767px) {
  .c-box_event_info ul > li > span {
    padding-right: .2em;
    margin-right: 1em;
    min-width: 6em
  }
}
.c-box_event_bnr {
  display: flex;
  justify-content: center
}
@media screen and (min-width: 768px) {
  .c-box_event_bnr > a {
    width: 34.4444444444%
  }
  .c-box_event_bnr > a:not(:nth-child(3n)) {
    margin-right: 3.8888888889%
  }
}
@media screen and (max-width: 767px) {
  .c-box_event_bnr > a {
    width: 48.3606557377%;
    margin-bottom: 3.2786885246%
  }
  .c-box_event_bnr > a:not(:nth-child(2n)) {
    margin-right: 3.2786885246%
  }
  .c-box_event_bnr > a:last-child, .c-box_event_bnr > a:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0
  }
}
@media screen and (min-width: 768px) {
  .c-box_event_row {
    display: flex;
    justify-content: space-between;
    gap: 50px;
  }
}
@media screen and (min-width: 768px) {
  .c-box_event_rowImg {
    width: 31.1111111111%
  }
}
@media screen and (max-width: 767px) {
  .c-box_event_rowImg {
    margin-bottom: 20px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .c-box_event_rowImg {
    margin-bottom: 10px
  }
}
@media screen and (min-width: 768px) {
  .c-box_event_rowTxt {
    width: 65.5555555556%;
    display: flex;
    flex-direction: column
  }
}
.c-box_event_imgList {
  display: flex;
  flex-wrap: wrap
}
@media screen and (min-width: 768px) {
  .c-box_event_imgListItem {
    width: 23%;
    margin-bottom: 2.6666666667%
  }
  .c-box_event_imgListItem:not(:nth-child(4n)) {
    margin-right: 2.6666666667%
  }
  .c-box_event_imgListItem:nth-child(4n+1):nth-last-child(-n+4), .c-box_event_imgListItem:nth-child(4n+1):nth-last-child(-n+4) ~ .c-box_event_imgListItem {
    margin-bottom: 0
  }
}
@media screen and (max-width: 767px) {
  .c-box_event_imgListItem {
    width: 48.3606557377%;
    margin-bottom: 3.2786885246%
  }
  .c-box_event_imgListItem:not(:nth-child(2n)) {
    margin-right: 3.2786885246%
  }
  .c-box_event_imgListItem:last-child, .c-box_event_imgListItem:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0
  }
}
.c-box_event_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #00913a;
  padding: 8px 2% 8px 5%;
}
@media screen and (max-width: 767px) {
  .c-box_event_head {
    flex-direction: column;
    align-items: center;
  padding: 8px 2% 15px 5%;
  }
}
.c-box_event_body {
  position: relative;
  z-index: 1;
  padding: 4% 5% 5%;
  background-color: #fff
}
@media screen and (max-width: 767px) {
  .c-box_event_body {
    padding: 5.7971014493%
  }
}
.c-box_event_body:before {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.c-box_event_btm {
  position: absolute;
  bottom: -15px;
  left: 14px;
  right: 14px;
  height: 16px;
  margin: auto;
  background: #fff
}
.c-box_event_btm:before, .c-box_event_btm:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: no-repeat center center/100% auto;
  position: absolute;
  bottom: -2px;
  margin: auto;
  z-index: 1
}
.p-indexHero {
  overflow: hidden
}
.p-indexHero_inner {
  position: relative
}
.p-indexHero_catch {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
@media screen and (max-width: 767px) {
  .p-indexHero_catch {
    display: none
  }
}
.p-indexHero_catch--main {
  position: absolute;
  width: 36.4285714285%;
  top: 68.5975609756%;
  right: 1.4285714285%;
}
.p-indexHero_catch--txt {
  position: absolute;
  width: 8.5714285714%;
  top: 0;
  right: 2.1428571429%
}
.p-indexHero_catch--logo {
  position: absolute;
  width: 10.7142857143%;
  left: 8.1428571429%;
  top: 3.8109756098%
}
.p-indexHero_catch--keirin {
  position: absolute;
  display: flex;
  align-items: flex-end;
  width: 100%;
  left: 2.1428571429%;
  top: 4.5731707317%
}
.p-indexHero_catch--keirin img {
  width: 5.2142857143vw
}
.p-indexHero_catch--keirin > p {
  font-weight: 700;
  font-size: 14px;
  font-size: 14px;
  color: #000;
  text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 0px 1px #fff, 0px 1px 1px #fff, -1px 0px 1px #fff, 0px -1px 1px #fff
}
@media screen and (min-width: 768px) {
  .p-indexHero_catch--keirin > p {
    white-space: nowrap
  }
}
@media screen and (min-width: 768px) {
  .p-indexHero_catch--keirin > p {
    font-size: 1.4vw
  }
}
@media screen and (min-width: 1000px) {
  .p-indexHero_catch--keirin > p {
    font-size: 14px
  }
}
@media screen and (max-width: 767px) {
  .p-indexHero_catch--keirin > p {
    font-size: 1rem
  }
}
.p-indexPoll {
  position: fixed;
  z-index: 777;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #88A1AF;
}
@media screen and (min-width: 768px) {
  .p-indexPoll {
    padding-top: 15px;
    padding-bottom: 15px
  }
}
@media screen and (min-width: 768px)and (max-width: 767px) {
  .p-indexPoll {
    padding-top: 7.5px
  }
}
@media screen and (min-width: 768px)and (max-width: 767px) {
  .p-indexPoll {
    padding-bottom: 7.5px
  }
}
@media screen and (max-width: 767px) {
  .p-indexPoll {
    padding-top: 20px;
    padding-bottom: 20px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .p-indexPoll {
    padding-top: 10px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .p-indexPoll {
    padding-bottom: 10px
  }
}
.p-indexPoll_cont_ttl {
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px
}
@media screen and (max-width: 767px) {
  .p-indexPoll_cont_ttl {
    margin-bottom: 5px
  }
}
@media screen and (max-width: 767px) {
  .p-indexPoll_cont_ttl {
    line-height: 1.3;
    margin-bottom: 0
  }
}
.p-indexPoll_cont_ttl > span {
  display: inline-block;
  position: relative;
  padding: 0 1.5em;
  font-size: 20px
}
@media screen and (max-width: 767px) {
  .p-indexPoll_cont_ttl > span {
    font-size: 1.3rem;
    padding: 0
  }
}
.p-indexPoll_cont_ttl > span:before, .p-indexPoll_cont_ttl > span:after {
  position: absolute;
  content: "";
  width: 3em;
  height: 1em;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../../assets/img/ttl_indexPoll.svg) no-repeat;
  background-position: center;
  background-size: contain
}
@media screen and (max-width: 767px) {
  .p-indexPoll_cont_ttl > span:before, .p-indexPoll_cont_ttl > span:after {
    display: none
  }
}
.p-indexPoll_cont_ttl > span:after {
  left: initial;
  right: 100%
}
.p-indexPoll_cont_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}
@media screen and (max-width: 767px) {
  .p-indexPoll_cont_list {
    justify-content: center
  }
}
.p-indexPoll_cont_list > li {
  overflow: hidden
}
@media screen and (min-width: 768px) {
  .p-indexPoll_cont_list > li {
    border-radius: 8px;
    width: 16%
  }
  .p-indexPoll_cont_list > li:not(:last-child) {
    margin-right: 2%
  }
}
@media screen and (max-width: 767px) {
  .p-indexPoll_cont_list > li {
    border-radius: 4px;
    width: 31.884057971%;
    margin-bottom: 2.1739130435%
  }
  .p-indexPoll_cont_list > li:not(:nth-child(3n)):not(:last-child) {
    margin-right: 2.1739130435%
  }
}
.p-indexSec {
  padding-top: 50px;
  padding-bottom: 80px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-indexSec {
    padding-top: 20px
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec {
    padding-bottom: 50px;
        z-index: 1;
        position: relative;
  }
}
.p-indexSec_movie {
  position: relative;
  text-align: center;
  max-width: 640px;
  margin: auto;
  margin-top: 20px
}
@media screen and (max-width: 767px) {
  .p-indexSec_movie {
    margin-top: 10px
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_movie {
    margin-top: 30px
  }
}
.p-indexSec_movie:before {
  display: block;
  content: "";
  padding-top: 56.25%
}
.p-indexSec_movie iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.p-indexSec_player {
  display: flex;
  justify-content: center
}
@media screen and (min-width: 768px) {
  .p-indexSec_playerItem {
    width: 34.6%
  }
  .p-indexSec_playerItem:not(:nth-child(2n)) {
    margin-right: 7%
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_playerItem {
    width: 46.6666666667%
  }
  .p-indexSec_playerItem:not(:nth-child(2n)) {
    margin-right: 5.3333333333%
  }
}
.p-indexSec_bnrWrap--3col {
  display: flex;
  flex-wrap: wrap
}
@media screen and (max-width: 767px) {
  .p-indexSec_bnrWrap--3col {
    justify-content: space-between
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_bnrWrap--3col > a {
    width: 31%
  }
  .p-indexSec_bnrWrap--3col > a:not(:nth-child(3n)) {
    margin-right: 3.5%
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_bnrWrap--3col > a {
    width: 48.5507246377%;
    margin-bottom: 2.8985507246%
  }
  .p-indexSec_bnrWrap--3col > a:not(:nth-child(2n)) {
    margin-right: 2.8985507246%
  }
  .p-indexSec_bnrWrap--3col > a:last-child, .p-indexSec_bnrWrap--3col > a:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0
  }
}
.p-indexSec_bnrWrap--2col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.p-indexSec_bnrWrap--2col .img_G3cp {
  position: relative
}
.p-indexSec_bnrWrap--2col .img_G3cp picture:nth-child(2) {
  position: absolute;
  width: 104.1666666667%;
  height: 100%;
  top: 0;
  left: 0
}
@media screen and (min-width: 768px) {
  .p-indexSec_bnrWrap--2col > a {
    width: 48%;
    margin-bottom: 4%
  }
  .p-indexSec_bnrWrap--2col > a:not(:nth-child(2n)) {
    margin-right: 4%
  }
  .p-indexSec_bnrWrap--2col > a:last-child, .p-indexSec_bnrWrap--2col > a:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_bnrWrap--2col > a {
    width: 48.5507246377%;
    margin-bottom: 2.8985507246%
  }
  .p-indexSec_bnrWrap--2col > a:not(:nth-child(2n)) {
    margin-right: 2.8985507246%
  }
  .p-indexSec_bnrWrap--2col > a:last-child, .p-indexSec_bnrWrap--2col > a:nth-last-child(2):nth-child(odd) {
    margin-bottom: 0
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_bank_row {
    display: flex;
    justify-content: space-between
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_bank_row table {
    width: 48%
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_bank_row table:not(:last-child) {
    margin-bottom: 40px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .p-indexSec_bank_row table:not(:last-child) {
    margin-bottom: 20px
  }
}
.p-indexSec_access_sec:not(:last-child) {
  margin-bottom: 60px
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_sec:not(:last-child) {
    margin-bottom: 30px
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_sec:not(:last-child) {
    margin-bottom: 40px
  }
}
.p-indexSec_access .mapArea {
  position: relative
}
.p-indexSec_access .mapArea:before {
  display: block;
  content: "";
  padding-top: 100%
}
.p-indexSec_access .mapArea iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.p-indexSec_access_info {
  background: #fff;
  padding: 1.2em 1.5em
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row01 {
    display: flex;
    justify-content: space-between
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row01Txt {
    width: 45%;
    display: flex;
    flex-direction: column
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row01Txt {
    margin-bottom: 60px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .p-indexSec_access_row01Txt {
    margin-bottom: 30px
  }
}
.p-indexSec_access_row01Txt section:not(:last-child) {
  margin-bottom: 30px
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row01Txt section:not(:last-child) {
    margin-bottom: 15px
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row01Img {
    width: 45%
  }
}
.p-indexSec_access_row02 {
  display: flex
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row02 {
    justify-content: space-between;
    flex-direction: row-reverse
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row02 {
    flex-direction: column-reverse
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row02Txt {
    width: 25.2%
  }
}
.p-indexSec_access_row02Txt > section:not(:last-child) {
  margin-bottom: 30px
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row02Txt > section:not(:last-child) {
    margin-bottom: 15px
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row02Img {
    width: 71.8%
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row02Img {
    margin-bottom: 40px
  }
}
@media screen and (max-width: 767px)and (max-width: 767px) {
  .p-indexSec_access_row02Img {
    margin-bottom: 20px
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row03 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row03Txt {
    width: 50%
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row03Txt {
    margin-bottom: 30px
  }
}
.p-indexSec_access_row03Txt section:not(:last-child) {
  margin-bottom: 30px
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row03Txt section:not(:last-child) {
    margin-bottom: 15px
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row03Img {
    width: 45%
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row04 {
    display: flex;
    justify-content: space-between
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row04Txt {
    width: 56%
  }
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row04Txt {
    margin-bottom: 30px
  }
}
.p-indexSec_access_row04Txt section:not(:last-child) {
  margin-bottom: 30px
}
@media screen and (max-width: 767px) {
  .p-indexSec_access_row04Txt section:not(:last-child) {
    margin-bottom: 15px
  }
}
@media screen and (min-width: 768px) {
  .p-indexSec_access_row04Img {
    width: 40%
  }
}
.p-indexSec_access_info {
  margin-top: auto
}
th, td {
  vertical-align: middle
}
@media screen and (max-width: 767px) {
  th, td {
    font-size: 1.2rem
  }
}
.tableType01 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: 500;
  line-height: 1.3;
  background-color: #fff
}
@media screen and (max-width: 767px) {
  .tableType01 .col_01 {
    width: 34%
  }
}
.tableType01 th, .tableType01 td {
  text-align: center;
  vertical-align: middle;
  padding: 12px 10px;
  border-bottom: 1px dotted #000;
  font-size: 16px
}
@media screen and (min-width: 768px) {
  .tableType01 th, .tableType01 td {
    font-size: 1.6vw
  }
}
@media screen and (min-width: 1000px) {
  .tableType01 th, .tableType01 td {
    font-size: 16px
  }
}
@media screen and (max-width: 767px) {
  .tableType01 th, .tableType01 td {
    font-size: 1.4rem;
    padding: 10px 4px
  }
}
.tableType01 tr:first-child th, .tableType01 tr:first-child td {
  border-top: 1px solid #000
}
.tableType01 tr:last-child th, .tableType01 tr:last-child td {
  border-bottom: 1px solid #000
}
.tableType01 th {
  border-bottom: 1px dotted #fff
}
.tableType02 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: 500;
  line-height: 1.3;
  background-color: #fff
}
@media screen and (max-width: 767px) {
  .tableType02 .col_01 {
    width: 43%
  }
}
.tableType02 th, .tableType02 td {
  text-align: center;
  vertical-align: middle;
  padding: 7px 10px;
  border-bottom: 1px dotted #000;
  font-size: 16px
}
@media screen and (min-width: 768px) {
  .tableType02 th, .tableType02 td {
    font-size: 1.6vw
  }
}
@media screen and (min-width: 1000px) {
  .tableType02 th, .tableType02 td {
    font-size: 16px
  }
}
@media screen and (max-width: 767px) {
  .tableType02 th, .tableType02 td {
    font-size: 1.4rem;
    padding: 7px 4px
  }
}
.tableType02 th {
  border-right: 1px solid #000;
  border-bottom: 1px dotted #fff
}
.tableType02 tr:first-child th, .tableType02 tr:first-child td {
  border-top: 1px solid #000
}
.tableType02 tr:last-child th, .tableType02 tr:last-child td {
  border-bottom: 1px solid #000
}
.tableType02 thead th, .tableType02 thead td {
  font-weight: 700
}
.tableType03 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: 500;
  line-height: 1.3;
  background-color: #fff
}
@media screen and (max-width: 767px) {
  .tableType03 .col_01 {
    width: 26%
  }
}
@media screen and (max-width: 767px) {
  .tableType03 .col_01 {
    width: 26%
  }
  .tableType03 .col_02 {
    width: 13%
  }
  .tableType03 .col_03 {
    width: 18%
  }
  .tableType03 .col_04 {
    width: 40%
  }
}
.tableType03 th, .tableType03 td {
  text-align: center;
  vertical-align: middle;
  padding: 7px 10px;
  border-bottom: 1px dotted #000;
  font-size: 16px
}
@media screen and (min-width: 768px) {
  .tableType03 th, .tableType03 td {
    font-size: 1.6vw
  }
}
@media screen and (min-width: 1000px) {
  .tableType03 th, .tableType03 td {
    font-size: 16px
  }
}
@media screen and (max-width: 767px) {
  .tableType03 th, .tableType03 td {
    font-size: 1.2rem;
    padding: 10px 4px
  }
}
.tableType03 th {
  border-right: 1px solid #000
}
.tableType03 td:not(:last-child) {
  border-right: 1px dotted #000
}
.tableType03 tr:first-child th, .tableType03 tr:first-child td {
  border-top: 1px solid #000
}
.tableType03 tr:last-child th, .tableType03 tr:last-child td {
  border-bottom: 1px solid #000
}
.tableType03 th {
  border-bottom: 1px dotted #fff;
}
.tableType03 thead th, .tableType03 thead td {
  font-weight: 700
}
.c-beige {
  color: #fff;
  background-color: #00913a
}
.c-lbeige {
  background-color: #d9eee1
}
.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0
}
.table .c-brown {
  font-weight: 700
}
.c-brown {
  color: #661c16
}
.racce-table .col1 {
  width: 80px
}
@media screen and (max-width: 767px) {
  .racce-table .col1 {
    width: 30px
  }
}
.table__th-beige, .table__th-lbeige, .table__th-white {
  border: 1px solid #000;
  text-align: center;
  line-height: 1.3;
  font-weight: 700
}
.table__td {
  background: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 13px 10px;
  line-height: 1.3
}
@media screen and (max-width: 767px) {
  .table__td {
    font-size: 1.2rem;
    padding: 10px 4px
  }
}
.table__th, .table__th-white, .table__th-lbeige, .table__th-beige {
  border: 1px solid #000;
  text-align: center;
  font-size: 18px;
  padding: 12px 10px;
  line-height: 1.3;
  font-weight: 700
}
@media screen and (max-width: 767px) {
  .table__th, .table__th-white, .table__th-lbeige, .table__th-beige {
    font-size: 1.2rem;
    padding: 10px 4px
  }
}
.table__th-beige {
  background: #00913a;
  color: #fff
}
.table__th-lbeige {
  background: #d9eee1
}
.table__th-white {
  background: #fff;
  padding: 20px 10px;
  font-size: 16px
}
@media screen and (max-width: 767px) {
  .table__th-white {
    font-size: 1.2rem;
    padding: 15px 4px
  }
}
.table__th-white--border-dots {
  border-left-style: dotted;
  border-right-style: dotted
}
.table__th-white--border-dots-left {
  border-left-style: dotted
}
.table__stripe td {
  border-left: 1px dotted #000;
  border-right: 1px dotted #000;
  letter-spacing: 2px
}
.table__stripe td:first-child {
  border-left: none
}
.table__stripe td:last-child {
  border-right: none
}
.table__stripe td:first-child, .table__stripe td:nth-child(5) {
  border-right: 1px solid #000
}
.table__stripe tr:nth-child(odd) td {
  background: #ededed
}
.table__th-beige:last-child, .table__th-lbeige:last-child, .table__th-white:last-child {
  border-right: none
}
.table__th-beige:first-child, .table__th-lbeige:first-child, .table__th-white:first-child {
  border-left: none
}
.u-m_auto {
  margin: 0 auto
}
@media screen and (max-width: 767px) {
  .u-m_auto--sp {
    margin: 0 auto
  }
}
@media screen and (min-width: 768px) {
  .u-mb_auto--pc {
    margin-bottom: auto !important
  }
}
@media screen and (min-width: 768px) {
  .u-mt_0 {
    margin-top: 0px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_0 {
    margin-top: 0px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_5 {
    margin-top: 5px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_5 {
    margin-top: 2.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_10 {
    margin-top: 10px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_10 {
    margin-top: 5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_15 {
    margin-top: 15px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_15 {
    margin-top: 7.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_20 {
    margin-top: 20px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_20 {
    margin-top: 10px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_25 {
    margin-top: 25px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_25 {
    margin-top: 12.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_30 {
    margin-top: 30px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_30 {
    margin-top: 15px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_35 {
    margin-top: 35px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_35 {
    margin-top: 17.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_40 {
    margin-top: 40px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_40 {
    margin-top: 20px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_45 {
    margin-top: 45px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_45 {
    margin-top: 22.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_50 {
    margin-top: 50px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_50 {
    margin-top: 25px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_55 {
    margin-top: 55px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_55 {
    margin-top: 27.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_60 {
    margin-top: 60px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_60 {
    margin-top: 30px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_65 {
    margin-top: 65px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_65 {
    margin-top: 32.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_70 {
    margin-top: 70px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_70 {
    margin-top: 35px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_75 {
    margin-top: 75px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_75 {
    margin-top: 37.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_80 {
    margin-top: 80px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_80 {
    margin-top: 40px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_85 {
    margin-top: 85px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_85 {
    margin-top: 42.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_90 {
    margin-top: 90px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_90 {
    margin-top: 45px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_95 {
    margin-top: 95px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_95 {
    margin-top: 47.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_100 {
    margin-top: 100px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_100 {
    margin-top: 50px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_105 {
    margin-top: 105px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_105 {
    margin-top: 52.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_110 {
    margin-top: 110px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_110 {
    margin-top: 55px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_115 {
    margin-top: 115px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_115 {
    margin-top: 57.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_120 {
    margin-top: 120px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_120 {
    margin-top: 60px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_125 {
    margin-top: 125px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_125 {
    margin-top: 62.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_130 {
    margin-top: 130px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_130 {
    margin-top: 65px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_135 {
    margin-top: 135px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_135 {
    margin-top: 67.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_140 {
    margin-top: 140px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_140 {
    margin-top: 70px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_145 {
    margin-top: 145px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_145 {
    margin-top: 72.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_150 {
    margin-top: 150px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_150 {
    margin-top: 75px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_155 {
    margin-top: 155px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_155 {
    margin-top: 77.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_160 {
    margin-top: 160px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_160 {
    margin-top: 80px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_165 {
    margin-top: 165px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_165 {
    margin-top: 82.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_170 {
    margin-top: 170px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_170 {
    margin-top: 85px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_175 {
    margin-top: 175px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_175 {
    margin-top: 87.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_180 {
    margin-top: 180px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_180 {
    margin-top: 90px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_185 {
    margin-top: 185px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_185 {
    margin-top: 92.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_190 {
    margin-top: 190px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_190 {
    margin-top: 95px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_195 {
    margin-top: 195px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_195 {
    margin-top: 97.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_200 {
    margin-top: 200px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_200 {
    margin-top: 100px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_205 {
    margin-top: 205px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_205 {
    margin-top: 102.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_210 {
    margin-top: 210px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_210 {
    margin-top: 105px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_215 {
    margin-top: 215px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_215 {
    margin-top: 107.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_220 {
    margin-top: 220px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_220 {
    margin-top: 110px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_225 {
    margin-top: 225px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_225 {
    margin-top: 112.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_230 {
    margin-top: 230px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_230 {
    margin-top: 115px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_235 {
    margin-top: 235px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_235 {
    margin-top: 117.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_240 {
    margin-top: 240px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_240 {
    margin-top: 120px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_245 {
    margin-top: 245px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_245 {
    margin-top: 122.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mt_250 {
    margin-top: 250px
  }
}
@media screen and (max-width: 767px) {
  .u-mt_250 {
    margin-top: 125px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_0 {
    margin-bottom: 0px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_0 {
    margin-bottom: 0px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_5 {
    margin-bottom: 5px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_5 {
    margin-bottom: 2.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_10 {
    margin-bottom: 10px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_10 {
    margin-bottom: 5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_15 {
    margin-bottom: 15px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_15 {
    margin-bottom: 7.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_20 {
    margin-bottom: 20px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_20 {
    margin-bottom: 10px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_25 {
    margin-bottom: 25px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_25 {
    margin-bottom: 12.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_30 {
    margin-bottom: 30px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_30 {
    margin-bottom: 15px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_35 {
    margin-bottom: 35px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_35 {
    margin-bottom: 17.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_40 {
    margin-bottom: 40px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_40 {
    margin-bottom: 20px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_45 {
    margin-bottom: 45px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_45 {
    margin-bottom: 22.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_50 {
    margin-bottom: 50px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_50 {
    margin-bottom: 25px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_55 {
    margin-bottom: 55px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_55 {
    margin-bottom: 27.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_60 {
    margin-bottom: 60px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_60 {
    margin-bottom: 30px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_65 {
    margin-bottom: 65px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_65 {
    margin-bottom: 32.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_70 {
    margin-bottom: 70px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_70 {
    margin-bottom: 35px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_75 {
    margin-bottom: 75px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_75 {
    margin-bottom: 37.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_80 {
    margin-bottom: 80px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_80 {
    margin-bottom: 40px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_85 {
    margin-bottom: 85px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_85 {
    margin-bottom: 42.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_90 {
    margin-bottom: 90px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_90 {
    margin-bottom: 45px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_95 {
    margin-bottom: 95px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_95 {
    margin-bottom: 47.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_100 {
    margin-bottom: 100px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_100 {
    margin-bottom: 50px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_105 {
    margin-bottom: 105px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_105 {
    margin-bottom: 52.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_110 {
    margin-bottom: 110px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_110 {
    margin-bottom: 55px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_115 {
    margin-bottom: 115px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_115 {
    margin-bottom: 57.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_120 {
    margin-bottom: 120px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_120 {
    margin-bottom: 60px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_125 {
    margin-bottom: 125px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_125 {
    margin-bottom: 62.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_130 {
    margin-bottom: 130px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_130 {
    margin-bottom: 65px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_135 {
    margin-bottom: 135px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_135 {
    margin-bottom: 67.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_140 {
    margin-bottom: 140px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_140 {
    margin-bottom: 70px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_145 {
    margin-bottom: 145px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_145 {
    margin-bottom: 72.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_150 {
    margin-bottom: 150px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_150 {
    margin-bottom: 75px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_155 {
    margin-bottom: 155px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_155 {
    margin-bottom: 77.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_160 {
    margin-bottom: 160px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_160 {
    margin-bottom: 80px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_165 {
    margin-bottom: 165px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_165 {
    margin-bottom: 82.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_170 {
    margin-bottom: 170px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_170 {
    margin-bottom: 85px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_175 {
    margin-bottom: 175px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_175 {
    margin-bottom: 87.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_180 {
    margin-bottom: 180px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_180 {
    margin-bottom: 90px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_185 {
    margin-bottom: 185px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_185 {
    margin-bottom: 92.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_190 {
    margin-bottom: 190px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_190 {
    margin-bottom: 95px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_195 {
    margin-bottom: 195px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_195 {
    margin-bottom: 97.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_200 {
    margin-bottom: 200px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_200 {
    margin-bottom: 100px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_205 {
    margin-bottom: 205px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_205 {
    margin-bottom: 102.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_210 {
    margin-bottom: 210px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_210 {
    margin-bottom: 105px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_215 {
    margin-bottom: 215px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_215 {
    margin-bottom: 107.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_220 {
    margin-bottom: 220px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_220 {
    margin-bottom: 110px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_225 {
    margin-bottom: 225px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_225 {
    margin-bottom: 112.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_230 {
    margin-bottom: 230px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_230 {
    margin-bottom: 115px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_235 {
    margin-bottom: 235px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_235 {
    margin-bottom: 117.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_240 {
    margin-bottom: 240px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_240 {
    margin-bottom: 120px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_245 {
    margin-bottom: 245px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_245 {
    margin-bottom: 122.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mb_250 {
    margin-bottom: 250px
  }
}
@media screen and (max-width: 767px) {
  .u-mb_250 {
    margin-bottom: 125px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_0 {
    margin-left: 0px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_0 {
    margin-left: 0px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_5 {
    margin-left: 5px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_5 {
    margin-left: 2.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_10 {
    margin-left: 10px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_10 {
    margin-left: 5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_15 {
    margin-left: 15px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_15 {
    margin-left: 7.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_20 {
    margin-left: 20px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_20 {
    margin-left: 10px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_25 {
    margin-left: 25px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_25 {
    margin-left: 12.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_30 {
    margin-left: 30px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_30 {
    margin-left: 15px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_35 {
    margin-left: 35px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_35 {
    margin-left: 17.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_40 {
    margin-left: 40px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_40 {
    margin-left: 20px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_45 {
    margin-left: 45px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_45 {
    margin-left: 22.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_50 {
    margin-left: 50px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_50 {
    margin-left: 25px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_55 {
    margin-left: 55px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_55 {
    margin-left: 27.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_60 {
    margin-left: 60px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_60 {
    margin-left: 30px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_65 {
    margin-left: 65px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_65 {
    margin-left: 32.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_70 {
    margin-left: 70px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_70 {
    margin-left: 35px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_75 {
    margin-left: 75px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_75 {
    margin-left: 37.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_80 {
    margin-left: 80px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_80 {
    margin-left: 40px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_85 {
    margin-left: 85px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_85 {
    margin-left: 42.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_90 {
    margin-left: 90px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_90 {
    margin-left: 45px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_95 {
    margin-left: 95px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_95 {
    margin-left: 47.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_100 {
    margin-left: 100px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_100 {
    margin-left: 50px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_105 {
    margin-left: 105px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_105 {
    margin-left: 52.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_110 {
    margin-left: 110px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_110 {
    margin-left: 55px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_115 {
    margin-left: 115px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_115 {
    margin-left: 57.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_120 {
    margin-left: 120px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_120 {
    margin-left: 60px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_125 {
    margin-left: 125px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_125 {
    margin-left: 62.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_130 {
    margin-left: 130px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_130 {
    margin-left: 65px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_135 {
    margin-left: 135px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_135 {
    margin-left: 67.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_140 {
    margin-left: 140px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_140 {
    margin-left: 70px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_145 {
    margin-left: 145px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_145 {
    margin-left: 72.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_150 {
    margin-left: 150px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_150 {
    margin-left: 75px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_155 {
    margin-left: 155px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_155 {
    margin-left: 77.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_160 {
    margin-left: 160px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_160 {
    margin-left: 80px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_165 {
    margin-left: 165px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_165 {
    margin-left: 82.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_170 {
    margin-left: 170px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_170 {
    margin-left: 85px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_175 {
    margin-left: 175px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_175 {
    margin-left: 87.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_180 {
    margin-left: 180px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_180 {
    margin-left: 90px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_185 {
    margin-left: 185px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_185 {
    margin-left: 92.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_190 {
    margin-left: 190px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_190 {
    margin-left: 95px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_195 {
    margin-left: 195px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_195 {
    margin-left: 97.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_200 {
    margin-left: 200px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_200 {
    margin-left: 100px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_205 {
    margin-left: 205px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_205 {
    margin-left: 102.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_210 {
    margin-left: 210px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_210 {
    margin-left: 105px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_215 {
    margin-left: 215px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_215 {
    margin-left: 107.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_220 {
    margin-left: 220px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_220 {
    margin-left: 110px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_225 {
    margin-left: 225px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_225 {
    margin-left: 112.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_230 {
    margin-left: 230px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_230 {
    margin-left: 115px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_235 {
    margin-left: 235px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_235 {
    margin-left: 117.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_240 {
    margin-left: 240px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_240 {
    margin-left: 120px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_245 {
    margin-left: 245px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_245 {
    margin-left: 122.5px
  }
}
@media screen and (min-width: 768px) {
  .u-ml_250 {
    margin-left: 250px
  }
}
@media screen and (max-width: 767px) {
  .u-ml_250 {
    margin-left: 125px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_0 {
    margin-right: 0px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_0 {
    margin-right: 0px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_5 {
    margin-right: 5px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_5 {
    margin-right: 2.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_10 {
    margin-right: 10px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_10 {
    margin-right: 5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_15 {
    margin-right: 15px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_15 {
    margin-right: 7.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_20 {
    margin-right: 20px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_20 {
    margin-right: 10px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_25 {
    margin-right: 25px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_25 {
    margin-right: 12.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_30 {
    margin-right: 30px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_30 {
    margin-right: 15px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_35 {
    margin-right: 35px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_35 {
    margin-right: 17.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_40 {
    margin-right: 40px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_40 {
    margin-right: 20px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_45 {
    margin-right: 45px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_45 {
    margin-right: 22.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_50 {
    margin-right: 50px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_50 {
    margin-right: 25px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_55 {
    margin-right: 55px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_55 {
    margin-right: 27.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_60 {
    margin-right: 60px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_60 {
    margin-right: 30px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_65 {
    margin-right: 65px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_65 {
    margin-right: 32.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_70 {
    margin-right: 70px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_70 {
    margin-right: 35px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_75 {
    margin-right: 75px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_75 {
    margin-right: 37.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_80 {
    margin-right: 80px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_80 {
    margin-right: 40px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_85 {
    margin-right: 85px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_85 {
    margin-right: 42.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_90 {
    margin-right: 90px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_90 {
    margin-right: 45px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_95 {
    margin-right: 95px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_95 {
    margin-right: 47.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_100 {
    margin-right: 100px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_100 {
    margin-right: 50px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_105 {
    margin-right: 105px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_105 {
    margin-right: 52.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_110 {
    margin-right: 110px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_110 {
    margin-right: 55px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_115 {
    margin-right: 115px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_115 {
    margin-right: 57.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_120 {
    margin-right: 120px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_120 {
    margin-right: 60px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_125 {
    margin-right: 125px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_125 {
    margin-right: 62.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_130 {
    margin-right: 130px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_130 {
    margin-right: 65px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_135 {
    margin-right: 135px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_135 {
    margin-right: 67.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_140 {
    margin-right: 140px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_140 {
    margin-right: 70px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_145 {
    margin-right: 145px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_145 {
    margin-right: 72.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_150 {
    margin-right: 150px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_150 {
    margin-right: 75px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_155 {
    margin-right: 155px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_155 {
    margin-right: 77.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_160 {
    margin-right: 160px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_160 {
    margin-right: 80px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_165 {
    margin-right: 165px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_165 {
    margin-right: 82.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_170 {
    margin-right: 170px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_170 {
    margin-right: 85px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_175 {
    margin-right: 175px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_175 {
    margin-right: 87.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_180 {
    margin-right: 180px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_180 {
    margin-right: 90px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_185 {
    margin-right: 185px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_185 {
    margin-right: 92.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_190 {
    margin-right: 190px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_190 {
    margin-right: 95px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_195 {
    margin-right: 195px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_195 {
    margin-right: 97.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_200 {
    margin-right: 200px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_200 {
    margin-right: 100px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_205 {
    margin-right: 205px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_205 {
    margin-right: 102.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_210 {
    margin-right: 210px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_210 {
    margin-right: 105px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_215 {
    margin-right: 215px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_215 {
    margin-right: 107.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_220 {
    margin-right: 220px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_220 {
    margin-right: 110px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_225 {
    margin-right: 225px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_225 {
    margin-right: 112.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_230 {
    margin-right: 230px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_230 {
    margin-right: 115px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_235 {
    margin-right: 235px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_235 {
    margin-right: 117.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_240 {
    margin-right: 240px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_240 {
    margin-right: 120px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_245 {
    margin-right: 245px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_245 {
    margin-right: 122.5px
  }
}
@media screen and (min-width: 768px) {
  .u-mr_250 {
    margin-right: 250px
  }
}
@media screen and (max-width: 767px) {
  .u-mr_250 {
    margin-right: 125px
  }
}
.u-p_none {
  padding: initial
}
@media screen and (max-width: 767px) {
  .u-p_none--sp {
    padding: initial
  }
}
@media screen and (min-width: 768px) {
  .u-pt_0 {
    padding-top: 0px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_0 {
    padding-top: 0px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_5 {
    padding-top: 5px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_5 {
    padding-top: 2.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_10 {
    padding-top: 10px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_10 {
    padding-top: 5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_15 {
    padding-top: 15px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_15 {
    padding-top: 7.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_20 {
    padding-top: 20px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_20 {
    padding-top: 10px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_25 {
    padding-top: 25px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_25 {
    padding-top: 12.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_30 {
    padding-top: 30px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_30 {
    padding-top: 15px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_35 {
    padding-top: 35px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_35 {
    padding-top: 17.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_40 {
    padding-top: 40px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_40 {
    padding-top: 20px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_45 {
    padding-top: 45px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_45 {
    padding-top: 22.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_50 {
    padding-top: 50px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_50 {
    padding-top: 25px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_55 {
    padding-top: 55px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_55 {
    padding-top: 27.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_60 {
    padding-top: 60px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_60 {
    padding-top: 30px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_65 {
    padding-top: 65px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_65 {
    padding-top: 32.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_70 {
    padding-top: 70px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_70 {
    padding-top: 35px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_75 {
    padding-top: 75px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_75 {
    padding-top: 37.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_80 {
    padding-top: 80px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_80 {
    padding-top: 40px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_85 {
    padding-top: 85px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_85 {
    padding-top: 42.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_90 {
    padding-top: 90px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_90 {
    padding-top: 45px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_95 {
    padding-top: 95px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_95 {
    padding-top: 47.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_100 {
    padding-top: 100px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_100 {
    padding-top: 50px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_105 {
    padding-top: 105px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_105 {
    padding-top: 52.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_110 {
    padding-top: 110px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_110 {
    padding-top: 55px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_115 {
    padding-top: 115px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_115 {
    padding-top: 57.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_120 {
    padding-top: 120px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_120 {
    padding-top: 60px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_125 {
    padding-top: 125px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_125 {
    padding-top: 62.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_130 {
    padding-top: 130px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_130 {
    padding-top: 65px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_135 {
    padding-top: 135px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_135 {
    padding-top: 67.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_140 {
    padding-top: 140px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_140 {
    padding-top: 70px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_145 {
    padding-top: 145px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_145 {
    padding-top: 72.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_150 {
    padding-top: 150px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_150 {
    padding-top: 75px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_155 {
    padding-top: 155px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_155 {
    padding-top: 77.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_160 {
    padding-top: 160px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_160 {
    padding-top: 80px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_165 {
    padding-top: 165px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_165 {
    padding-top: 82.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_170 {
    padding-top: 170px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_170 {
    padding-top: 85px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_175 {
    padding-top: 175px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_175 {
    padding-top: 87.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_180 {
    padding-top: 180px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_180 {
    padding-top: 90px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_185 {
    padding-top: 185px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_185 {
    padding-top: 92.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_190 {
    padding-top: 190px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_190 {
    padding-top: 95px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_195 {
    padding-top: 195px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_195 {
    padding-top: 97.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_200 {
    padding-top: 200px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_200 {
    padding-top: 100px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_205 {
    padding-top: 205px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_205 {
    padding-top: 102.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_210 {
    padding-top: 210px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_210 {
    padding-top: 105px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_215 {
    padding-top: 215px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_215 {
    padding-top: 107.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_220 {
    padding-top: 220px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_220 {
    padding-top: 110px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_225 {
    padding-top: 225px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_225 {
    padding-top: 112.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_230 {
    padding-top: 230px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_230 {
    padding-top: 115px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_235 {
    padding-top: 235px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_235 {
    padding-top: 117.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_240 {
    padding-top: 240px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_240 {
    padding-top: 120px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_245 {
    padding-top: 245px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_245 {
    padding-top: 122.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pt_250 {
    padding-top: 250px
  }
}
@media screen and (max-width: 767px) {
  .u-pt_250 {
    padding-top: 125px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_0 {
    padding-bottom: 0px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_0 {
    padding-bottom: 0px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_5 {
    padding-bottom: 5px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_5 {
    padding-bottom: 2.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_10 {
    padding-bottom: 10px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_10 {
    padding-bottom: 5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_15 {
    padding-bottom: 15px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_15 {
    padding-bottom: 7.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_20 {
    padding-bottom: 20px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_20 {
    padding-bottom: 10px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_25 {
    padding-bottom: 25px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_25 {
    padding-bottom: 12.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_30 {
    padding-bottom: 30px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_30 {
    padding-bottom: 15px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_35 {
    padding-bottom: 35px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_35 {
    padding-bottom: 17.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_40 {
    padding-bottom: 40px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_40 {
    padding-bottom: 20px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_45 {
    padding-bottom: 45px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_45 {
    padding-bottom: 22.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_50 {
    padding-bottom: 50px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_50 {
    padding-bottom: 25px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_55 {
    padding-bottom: 55px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_55 {
    padding-bottom: 27.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_60 {
    padding-bottom: 60px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_60 {
    padding-bottom: 30px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_65 {
    padding-bottom: 65px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_65 {
    padding-bottom: 32.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_70 {
    padding-bottom: 70px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_70 {
    padding-bottom: 35px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_75 {
    padding-bottom: 75px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_75 {
    padding-bottom: 37.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_80 {
    padding-bottom: 80px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_80 {
    padding-bottom: 40px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_85 {
    padding-bottom: 85px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_85 {
    padding-bottom: 42.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_90 {
    padding-bottom: 90px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_90 {
    padding-bottom: 45px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_95 {
    padding-bottom: 95px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_95 {
    padding-bottom: 47.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_100 {
    padding-bottom: 100px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_100 {
    padding-bottom: 50px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_105 {
    padding-bottom: 105px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_105 {
    padding-bottom: 52.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_110 {
    padding-bottom: 110px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_110 {
    padding-bottom: 55px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_115 {
    padding-bottom: 115px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_115 {
    padding-bottom: 57.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_120 {
    padding-bottom: 120px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_120 {
    padding-bottom: 60px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_125 {
    padding-bottom: 125px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_125 {
    padding-bottom: 62.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_130 {
    padding-bottom: 130px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_130 {
    padding-bottom: 65px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_135 {
    padding-bottom: 135px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_135 {
    padding-bottom: 67.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_140 {
    padding-bottom: 140px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_140 {
    padding-bottom: 70px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_145 {
    padding-bottom: 145px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_145 {
    padding-bottom: 72.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_150 {
    padding-bottom: 150px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_150 {
    padding-bottom: 75px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_155 {
    padding-bottom: 155px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_155 {
    padding-bottom: 77.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_160 {
    padding-bottom: 160px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_160 {
    padding-bottom: 80px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_165 {
    padding-bottom: 165px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_165 {
    padding-bottom: 82.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_170 {
    padding-bottom: 170px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_170 {
    padding-bottom: 85px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_175 {
    padding-bottom: 175px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_175 {
    padding-bottom: 87.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_180 {
    padding-bottom: 180px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_180 {
    padding-bottom: 90px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_185 {
    padding-bottom: 185px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_185 {
    padding-bottom: 92.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_190 {
    padding-bottom: 190px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_190 {
    padding-bottom: 95px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_195 {
    padding-bottom: 195px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_195 {
    padding-bottom: 97.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_200 {
    padding-bottom: 200px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_200 {
    padding-bottom: 100px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_205 {
    padding-bottom: 205px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_205 {
    padding-bottom: 102.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_210 {
    padding-bottom: 210px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_210 {
    padding-bottom: 105px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_215 {
    padding-bottom: 215px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_215 {
    padding-bottom: 107.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_220 {
    padding-bottom: 220px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_220 {
    padding-bottom: 110px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_225 {
    padding-bottom: 225px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_225 {
    padding-bottom: 112.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_230 {
    padding-bottom: 230px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_230 {
    padding-bottom: 115px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_235 {
    padding-bottom: 235px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_235 {
    padding-bottom: 117.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_240 {
    padding-bottom: 240px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_240 {
    padding-bottom: 120px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_245 {
    padding-bottom: 245px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_245 {
    padding-bottom: 122.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pb_250 {
    padding-bottom: 250px
  }
}
@media screen and (max-width: 767px) {
  .u-pb_250 {
    padding-bottom: 125px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_0 {
    padding-left: 0px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_0 {
    padding-left: 0px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_5 {
    padding-left: 5px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_5 {
    padding-left: 2.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_10 {
    padding-left: 10px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_10 {
    padding-left: 5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_15 {
    padding-left: 15px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_15 {
    padding-left: 7.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_20 {
    padding-left: 20px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_20 {
    padding-left: 10px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_25 {
    padding-left: 25px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_25 {
    padding-left: 12.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_30 {
    padding-left: 30px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_30 {
    padding-left: 15px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_35 {
    padding-left: 35px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_35 {
    padding-left: 17.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_40 {
    padding-left: 40px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_40 {
    padding-left: 20px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_45 {
    padding-left: 45px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_45 {
    padding-left: 22.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_50 {
    padding-left: 50px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_50 {
    padding-left: 25px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_55 {
    padding-left: 55px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_55 {
    padding-left: 27.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_60 {
    padding-left: 60px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_60 {
    padding-left: 30px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_65 {
    padding-left: 65px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_65 {
    padding-left: 32.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_70 {
    padding-left: 70px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_70 {
    padding-left: 35px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_75 {
    padding-left: 75px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_75 {
    padding-left: 37.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_80 {
    padding-left: 80px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_80 {
    padding-left: 40px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_85 {
    padding-left: 85px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_85 {
    padding-left: 42.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_90 {
    padding-left: 90px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_90 {
    padding-left: 45px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_95 {
    padding-left: 95px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_95 {
    padding-left: 47.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_100 {
    padding-left: 100px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_100 {
    padding-left: 50px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_105 {
    padding-left: 105px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_105 {
    padding-left: 52.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_110 {
    padding-left: 110px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_110 {
    padding-left: 55px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_115 {
    padding-left: 115px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_115 {
    padding-left: 57.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_120 {
    padding-left: 120px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_120 {
    padding-left: 60px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_125 {
    padding-left: 125px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_125 {
    padding-left: 62.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_130 {
    padding-left: 130px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_130 {
    padding-left: 65px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_135 {
    padding-left: 135px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_135 {
    padding-left: 67.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_140 {
    padding-left: 140px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_140 {
    padding-left: 70px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_145 {
    padding-left: 145px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_145 {
    padding-left: 72.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_150 {
    padding-left: 150px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_150 {
    padding-left: 75px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_155 {
    padding-left: 155px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_155 {
    padding-left: 77.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_160 {
    padding-left: 160px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_160 {
    padding-left: 80px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_165 {
    padding-left: 165px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_165 {
    padding-left: 82.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_170 {
    padding-left: 170px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_170 {
    padding-left: 85px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_175 {
    padding-left: 175px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_175 {
    padding-left: 87.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_180 {
    padding-left: 180px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_180 {
    padding-left: 90px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_185 {
    padding-left: 185px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_185 {
    padding-left: 92.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_190 {
    padding-left: 190px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_190 {
    padding-left: 95px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_195 {
    padding-left: 195px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_195 {
    padding-left: 97.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_200 {
    padding-left: 200px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_200 {
    padding-left: 100px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_205 {
    padding-left: 205px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_205 {
    padding-left: 102.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_210 {
    padding-left: 210px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_210 {
    padding-left: 105px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_215 {
    padding-left: 215px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_215 {
    padding-left: 107.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_220 {
    padding-left: 220px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_220 {
    padding-left: 110px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_225 {
    padding-left: 225px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_225 {
    padding-left: 112.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_230 {
    padding-left: 230px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_230 {
    padding-left: 115px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_235 {
    padding-left: 235px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_235 {
    padding-left: 117.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_240 {
    padding-left: 240px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_240 {
    padding-left: 120px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_245 {
    padding-left: 245px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_245 {
    padding-left: 122.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pl_250 {
    padding-left: 250px
  }
}
@media screen and (max-width: 767px) {
  .u-pl_250 {
    padding-left: 125px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_0 {
    padding-right: 0px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_0 {
    padding-right: 0px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_5 {
    padding-right: 5px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_5 {
    padding-right: 2.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_10 {
    padding-right: 10px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_10 {
    padding-right: 5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_15 {
    padding-right: 15px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_15 {
    padding-right: 7.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_20 {
    padding-right: 20px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_20 {
    padding-right: 10px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_25 {
    padding-right: 25px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_25 {
    padding-right: 12.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_30 {
    padding-right: 30px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_30 {
    padding-right: 15px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_35 {
    padding-right: 35px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_35 {
    padding-right: 17.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_40 {
    padding-right: 40px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_40 {
    padding-right: 20px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_45 {
    padding-right: 45px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_45 {
    padding-right: 22.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_50 {
    padding-right: 50px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_50 {
    padding-right: 25px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_55 {
    padding-right: 55px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_55 {
    padding-right: 27.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_60 {
    padding-right: 60px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_60 {
    padding-right: 30px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_65 {
    padding-right: 65px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_65 {
    padding-right: 32.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_70 {
    padding-right: 70px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_70 {
    padding-right: 35px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_75 {
    padding-right: 75px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_75 {
    padding-right: 37.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_80 {
    padding-right: 80px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_80 {
    padding-right: 40px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_85 {
    padding-right: 85px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_85 {
    padding-right: 42.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_90 {
    padding-right: 90px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_90 {
    padding-right: 45px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_95 {
    padding-right: 95px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_95 {
    padding-right: 47.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_100 {
    padding-right: 100px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_100 {
    padding-right: 50px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_105 {
    padding-right: 105px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_105 {
    padding-right: 52.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_110 {
    padding-right: 110px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_110 {
    padding-right: 55px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_115 {
    padding-right: 115px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_115 {
    padding-right: 57.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_120 {
    padding-right: 120px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_120 {
    padding-right: 60px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_125 {
    padding-right: 125px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_125 {
    padding-right: 62.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_130 {
    padding-right: 130px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_130 {
    padding-right: 65px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_135 {
    padding-right: 135px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_135 {
    padding-right: 67.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_140 {
    padding-right: 140px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_140 {
    padding-right: 70px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_145 {
    padding-right: 145px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_145 {
    padding-right: 72.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_150 {
    padding-right: 150px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_150 {
    padding-right: 75px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_155 {
    padding-right: 155px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_155 {
    padding-right: 77.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_160 {
    padding-right: 160px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_160 {
    padding-right: 80px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_165 {
    padding-right: 165px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_165 {
    padding-right: 82.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_170 {
    padding-right: 170px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_170 {
    padding-right: 85px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_175 {
    padding-right: 175px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_175 {
    padding-right: 87.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_180 {
    padding-right: 180px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_180 {
    padding-right: 90px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_185 {
    padding-right: 185px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_185 {
    padding-right: 92.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_190 {
    padding-right: 190px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_190 {
    padding-right: 95px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_195 {
    padding-right: 195px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_195 {
    padding-right: 97.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_200 {
    padding-right: 200px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_200 {
    padding-right: 100px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_205 {
    padding-right: 205px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_205 {
    padding-right: 102.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_210 {
    padding-right: 210px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_210 {
    padding-right: 105px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_215 {
    padding-right: 215px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_215 {
    padding-right: 107.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_220 {
    padding-right: 220px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_220 {
    padding-right: 110px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_225 {
    padding-right: 225px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_225 {
    padding-right: 112.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_230 {
    padding-right: 230px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_230 {
    padding-right: 115px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_235 {
    padding-right: 235px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_235 {
    padding-right: 117.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_240 {
    padding-right: 240px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_240 {
    padding-right: 120px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_245 {
    padding-right: 245px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_245 {
    padding-right: 122.5px
  }
}
@media screen and (min-width: 768px) {
  .u-pr_250 {
    padding-right: 250px
  }
}
@media screen and (max-width: 767px) {
  .u-pr_250 {
    padding-right: 125px
  }
}
.u-txt_weight--light {
  font-weight: 300
}
.u-txt_weight--normal {
  font-weight: 400
}
.u-txt_weight--medium {
  font-weight: 500
}
.u-txt_weight--bold {
  font-weight: 700
}
.u-txt_align--center {
  text-align: center
}
@media screen and (min-width: 768px) {
  .u-txt_align--center--pc {
    text-align: center
  }
}
@media screen and (max-width: 767px) {
  .u-txt_align--center--sp {
    text-align: center
  }
}
.u-txt_align--right {
  text-align: right
}
@media screen and (min-width: 768px) {
  .u-txt_align--right--pc {
    text-align: right
  }
}
@media screen and (max-width: 767px) {
  .u-txt_align--right--sp {
    text-align: right
  }
}
.u-txt_underline {
  text-decoration: underline
}
.u-txt_vertical--middle {
  vertical-align: middle
}
.u-color_txt--main {
  color: #000000
}
.u-color_txt--yellow {
  color: #DDB033
}
.u-color_txt--brown {
  color: #661C16
}
.u-color_txt--cyan {
  color: #009DE1
}
.u-color_txt--red {
  color: #FF0000
}
.u-color_txt--green {
  color: #00913a
}
.u-color_txt--white {
  color: #FFFFFF
}
.u-color_bg--main {
  background-color: #000000
}
.u-color_bg--yellow {
  background-color: #DDB033
}
.u-color_bg--brown {
  background-color: #661C16
}
.u-color_bg--cyan {
  background-color: #009DE1
}
.u-color_bg--red {
  background-color: #FF0000
}
.u-color_border--main {
  border-color: #000000
}
.u-color_border--yellow {
  border-color: #DDB033
}
.u-color_border--brown {
  border-color: #661C16
}
.u-color_border--cyan {
  border-color: #009DE1
}
.u-color_border--red {
  border-color: #FF0000
}
.u-flex {
  display: flex
}
@media screen and (min-width: 768px) {
  .u-flex--pc {
    display: flex
  }
}
@media screen and (max-width: 767px) {
  .u-flex--sp {
    display: flex
  }
}
.u-flex_column {
  flex-direction: column
}
@media screen and (min-width: 768px) {
  .u-flex_column--pc {
    flex-direction: column
  }
}
@media screen and (max-width: 767px) {
  .u-flex_column--sp {
    flex-direction: column
  }
}
.u-flex_reverse {
  flex-direction: row-reverse
}
@media screen and (min-width: 768px) {
  .u-flex_reverse--pc {
    flex-direction: row-reverse
  }
}
@media screen and (max-width: 767px) {
  .u-flex_reverse--sp {
    flex-direction: row-reverse
  }
}
.u-flex_justify--center {
  justify-content: center
}
@media screen and (min-width: 768px) {
  .u-flex_justify--center--pc {
    justify-content: center
  }
}
@media screen and (max-width: 767px) {
  .u-flex_justify--center--sp {
    justify-content: center
  }
}
.u-flex_justify--between {
  justify-content: space-between
}
@media screen and (min-width: 768px) {
  .u-flex_justify--between--pc {
    justify-content: space-between
  }
}
@media screen and (max-width: 767px) {
  .u-flex_justify--between--sp {
    justify-content: space-between
  }
}
.u-flex_justify--end {
  justify-content: flex-end
}
@media screen and (min-width: 768px) {
  .u-flex_justify--end--pc {
    justify-content: flex-end
  }
}
@media screen and (max-width: 767px) {
  .u-flex_justify--end--sp {
    justify-content: flex-end
  }
}
.u-flex_justify--start {
  justify-content: flex-start
}
@media screen and (min-width: 768px) {
  .u-flex_justify--start--pc {
    justify-content: flex-start
  }
}
@media screen and (max-width: 767px) {
  .u-flex_justify--start--sp {
    justify-content: flex-start
  }
}
.u-flex_items--center {
  align-items: center
}
@media screen and (min-width: 768px) {
  .u-flex_items--center--pc {
    align-items: center
  }
}
@media screen and (max-width: 767px) {
  .u-flex_items--center--sp {
    align-items: center
  }
}
.u-flex_items--start {
  align-items: flex-start
}
@media screen and (min-width: 768px) {
  .u-flex_items--start--pc {
    align-items: flex-start
  }
}
@media screen and (max-width: 767px) {
  .u-flex_items--start--sp {
    align-items: flex-start
  }
}
.u-flex_items--end {
  align-items: flex-end
}
@media screen and (min-width: 768px) {
  .u-flex_items--end--pc {
    align-items: flex-end
  }
}
@media screen and (max-width: 767px) {
  .u-flex_items--end--sp {
    align-items: flex-end
  }
}
.u-flex_wrap {
  flex-wrap: wrap
}
@media screen and (min-width: 768px) {
  .u-flex_wrap--pc {
    flex-wrap: wrap
  }
}
@media screen and (max-width: 767px) {
  .u-flex_wrap--sp {
    flex-wrap: wrap
  }
}
.u-flex_gap--10 {
  gap: 10px
}
@media screen and (max-width: 767px) {
  .u-flex_gap--10 {
    gap: 1rem
  }
}
.u-flex_gap--16 {
  gap: 16px
}
@media screen and (max-width: 767px) {
  .u-flex_gap--16 {
    gap: 1.2rem
  }
}
.u-flex_gap--20 {
  gap: 20px
}
@media screen and (max-width: 767px) {
  .u-flex_gap--20 {
    gap: 1.5rem
  }
}
.u-flex_gap--30 {
  gap: 30px
}
@media screen and (max-width: 767px) {
  .u-flex_gap--30 {
    gap: 2rem
  }
}
.u-flex_gap--40 {
  gap: 40px
}
@media screen and (max-width: 767px) {
  .u-flex_gap--40 {
    gap: 3rem
  }
}
.u-lh--1 {
  line-height: 1
}
.u-lh--1dot5 {
  line-height: 1.5
}
.u-lh--1dot6 {
  line-height: 1.6
}
.u-lh--30_16 {
  line-height: 1.875
}
.u-lh--30_18 {
  line-height: 1.6666666667
}
.u-lh--22_14 {
  line-height: 1.5714285714
}
.u-lh--26_14 {
  line-height: 1.8571428571
}
.u-w--25p {
  width: 25%
}
@media screen and (max-width: 767px) {
  .u-w--25p--sp {
    width: 25%
  }
}
@media screen and (min-width: 768px) {
  .u-w--25p--pc {
    width: 25%
  }
}
.u-w--33p {
  width: 33.33%
}
@media screen and (max-width: 767px) {
  .u-w--33p--sp {
    width: 33.33%
  }
}
@media screen and (min-width: 768px) {
  .u-w--33p--pc {
    width: 33.33%
  }
}
.u-w--50p {
  width: 50%
}
@media screen and (max-width: 767px) {
  .u-w--50p--sp {
    width: 50%
  }
}
@media screen and (min-width: 768px) {
  .u-w--50p--pc {
    width: 50%
  }
}
.u-w--100p {
  width: 100%
}
@media screen and (min-width: 768px) {
  .u-w--100p--pc {
    width: 100%
  }
}
@media screen and (max-width: 767px) {
  .u-w--100p--sp {
    width: 100%
  }
}
.u-w_btn--300 {
  width: min(100%, 300px)
}
.u-w_btn--290 {
  width: 290px
}
@media screen and (max-width: 767px) {
  .u-w_btn--290 {
    width: 29rem
  }
}
.u-w_btn--220 {
  width: 220px
}
@media screen and (max-width: 767px) {
  .u-w_btn--220 {
    width: 22rem
  }
}
.u-w_btn--170 {
  width: 170px
}
@media screen and (max-width: 767px) {
  .u-w_btn--170 {
    width: 12rem
  }
}
.u-dn {
  display: none
}
@media screen and (min-width: 768px) {
  .u-dn--pc {
    display: none
  }
}
@media screen and (min-width: 768px)and (max-width: 1024px) {
  .u-dn--tab {
    display: none
  }
}
@media screen and (max-width: 767px) {
  .u-dn--sp {
    display: none
  }
}
.u-db--pc {
  display: none
}
@media screen and (min-width: 768px) {
  .u-db--pc {
    display: block
  }
}
.u-db--tab {
  display: none
}
@media screen and (min-width: 768px)and (max-width: 1024px) {
  .u-db--tab {
    display: block
  }
}
.u-db--sp {
  display: none
}
@media screen and (max-width: 767px) {
  .u-db--sp {
    display: block
  }
}
#sec02, #sec04, #sec06 {
  background-color: #f599a0; /* 偶数番目だけ背景色変更 */
}

/* 25.10.13 追加 */
.pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
.sp {
    display: none;
}
@media screen and (max-width: 767px) {
  .sp {
  display: block;
  }
}

@media screen and (max-width: 767px) {
  .sp-mb_20 {
    margin-bottom: 20px
  }
  .sp-mt_25 {
    margin-top: 25px
  }
}

/*--------------------------------
   背景画像
-------------------------------- */
/*--------------------------------
   TOPの動画埋め込み部分
-------------------------------- */
.movie-box {
  position: relative;
  width: 100%;
  padding-bottom: 62.5%; /* 400 ÷ 640 × 100 = 62.5%（縦横比16:10） */
  background: #000;
  overflow: hidden;
  margin: 50px auto;
}
.movie-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 767px) {
  .movie-box {
    width: 640px;
    padding-bottom: 0;
    height: 400px;
  }
  .movie-box iframe {
    width: 640px;
    height: 400px;
    position: static;
  }
}
.txt_pickup {
  max-width: 273px;
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .txt_pickup {
  max-width: 100%;
  }
}
.event_workshop img {
  max-width: 628px;
}
.mv_txt {
  position: relative;
  top: 93%;
  left: 2%;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
@media screen and (max-width: 767px) {
  .mv_txt {
    display: none;
  }
}
/* --------------------------------
   背景画像
-------------------------------- */
#sec02 {}
/* ===============================
   Tabs (JSなし)
   =============================== */
.c-tabs--date {
  --tab-active-fg: #fff;
  --tab-inactive-top: #4d4d4d; /* 非アクティブ（上段） */
  --tab-inactive-btm: #4d4d4d; /* 非アクティブ（下段） */
  --tab-inactive-fg: #fff;
  --tab-sep: rgba(255, 255, 255, .22);
}
/* --------------------------------
   アクティブタブの見た目
-------------------------------- */
.c-tabs--date #sec05-tab-1:checked ~ .c-tabs__nav #sec05-label-1, .c-tabs--date #sec05-tab-2:checked ~ .c-tabs__nav #sec05-label-2, .c-tabs--date #sec05-tab-3:checked ~ .c-tabs__nav #sec05-label-3, .c-tabs--date #sec05-tab-4:checked ~ .c-tabs__nav #sec05-label-4 {
  background: #00913a !important;
  color: #fff !important;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: none;
  border-left: none;
}
/* --------------------------------
   ナビ（タブボタン行）
-------------------------------- */
.c-tabs--date .c-tabs__nav {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  font-size: 18px;
  gap: 0;
  overflow: hidden; /* はみ出し防止 */
}
/* --------------------------------
   ラジオ本体を隠す
-------------------------------- */
.c-tabs--date .c-tabs__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
/* --------------------------------
   タブラベル（非アクティブ時）
-------------------------------- */
.c-tabs--date .c-tabs__label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  padding: 10px 18px;
  font-weight: 700;
  color: var(--tab-inactive-fg);
  background: linear-gradient(var(--tab-inactive-top), var(--tab-inactive-btm));
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: none;
  border-left: none;
  text-align: center;
}
/* 最初のタブは左線なし */
.c-tabs--date .c-tabs__label:first-child {
  border-left: none;
}
/* 最後のタブは右線なし */
.c-tabs--date .c-tabs__label:last-child {
  border-right: none;
}
@media screen and (max-width: 767px) {
  .c-tabs--date .c-tabs__label {
    font-size: 1rem;
  padding: 10px 10px;
  }
}
/* --------------------------------
   ホバー
-------------------------------- */
.c-tabs--date .c-tabs__label:hover {
  filter: brightness(1.05);
}
/* --------------------------------
   パネル本体
-------------------------------- */
.c-tabs--date .c-tabs__panels {
  position: relative;
  margin-top: 0;
}
/* 既定は非表示 */
.c-tabs--date .c-tab__panel {
  display: none;
  animation: tabFade .25s ease-out;
}
/* 選択パネルを表示 */
.c-tabs--date #sec05-tab-1:checked ~ .c-tabs__panels #sec05-panel-1 {
  display: block;
}
.c-tabs--date #sec05-tab-2:checked ~ .c-tabs__panels #sec05-panel-2 {
  display: block;
}
.c-tabs--date #sec05-tab-3:checked ~ .c-tabs__panels #sec05-panel-3 {
  display: block;
}
.c-tabs--date #sec05-tab-4:checked ~ .c-tabs__panels #sec05-panel-4 {
  display: block;
}
@keyframes tabFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* --------------------------------
   テーブルとの境界を自然に
-------------------------------- */
.c-tabs--date .c-tab__panel > .table {
  margin-top: 0;
  border-top: none;
}
/* --------------------------------
   PC時フォント強調
-------------------------------- */
@media (min-width: 768px) {
  .c-tabs--date .c-tabs__label {
    font-weight: 800;
  }
}
.img_stage02 {
  margin-top: auto;
}
.pickup_01,.pickup_02{
	position: relative;
}
.pickup_01:before,.pickup_02:before{	
  position: absolute;
  content: "";
  left: -10px;
  top: -10px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 99px;
  height: 52px;
}

.pickup_01:before{	
  background-image: url(../../assets/img/ico_pickup_01.png);
}
.pickup_02:before{	
  background-image: url(../../assets/img/ico_pickup_02.png);
}


.span_event_data{
	margin: 0 !important;
	padding: 0 !important;;
	min-width: inherit !important;
}

.p-indexSec_event{
	position: relative;
	z-index: 1;
}


/*----------------------------------
ヘッダー・フッダー固定
-----------------------------------*/

/* ヘッダー */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

/* 下部固定の #poll */
#poll {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

/* スクロール中は非表示 */
.is-hidden {
  transform: translateY(-100%);
  opacity: 0;
}

/* 表示状態 */
.is-visible {
  transform: translateY(0);
  opacity: 1;
}

/* #poll は逆方向に隠す */
#poll.is-hidden {
  transform: translateY(100%);
}

/* ------------------------------
   スマホ時（768px以下）は
   ヘッダー常時表示
------------------------------ */
@media (max-width: 767px) {
  header {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
}

@media (max-width: 767px) {
  .l-header_navArea {
    position: fixed;      /* ヘッダ内のabsoluteではなく画面に対して固定 */
    inset: 0;             /* top:0; right:0; bottom:0; left:0; */
    width: 100vw;
    height: 100dvh;       /* 100vhではなく 100dvh/svh を使用 */
    overflow: auto;       /* 中身が長いときにスクロール可能に */
    -webkit-overflow-scrolling: touch;
    z-index: 2000;        /* #pollや他の固定要素より上 */
    padding-bottom: max(16px, env(safe-area-inset-bottom)); /* iPhone安全域 */
    background: rgba(229, 0, 18, .9)
  }
}


/* メニューオープン時の状態 */
@media (max-width: 767px) {
  body.menu-open #poll {          /* 下部固定のpollを画面外へ */
    transform: translateY(100%) !important;
    pointer-events: none;
  }
  body.menu-open header {         /* ヘッダは常に表示 */
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
}


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