/*foundation vender*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
  overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul {
  list-style: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
html {
  font-family:
    "M+1c", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4",
    "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4",
    "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック",
    "MS PGothic", Sans-Serif;
  color: #000;
  word-wrap: break-word;
  font-size: 62.5%;
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 1.7rem;
}
@media print, screen and (min-width: 751px) {
  body {
    min-width: 1080px;
  }
}
a {
  color: currentColor;
  text-decoration: none;
}
a:hover {
  opacity: 0.8;
}
img {
  vertical-align: middle;
  width: 100%;
}
* {
  box-sizing: border-box;
}
::selection {
  background: #d4dcd6;
}
::-moz-selection {
  background: #d4dcd6;
}

.pci {
  display: inline;
}
@media print, screen and (max-width: 750px) {
  .pci {
    display: none;
  }
}
.spi {
  display: none;
}
@media print, screen and (max-width: 750px) {
  .spi {
    display: inline;
  }
}
.pc {
  display: block;
}
@media print, screen and (max-width: 750px) {
  .pc {
    display: none;
  }
}
.sp {
  display: none;
}
@media print, screen and (max-width: 750px) {
  .sp {
    display: block;
  }
}

/* m-btn */
.m-btn {
  border: 1px solid #000;
  width: 100%;
  border-radius: 6px;
  line-height: 3.3;
  text-align: center;
}
.m-btn a:hover {
  text-decoration: none;
}
@media print, screen and (max-width: 750px) {
  .m-btn {
    line-height: 4.5;
  }
}
.m-btn a {
  display: block;
  font-size: 1.6rem;
}
@media print, screen and (min-width: 751px) {
  .m-btn a:hover {
    background-color: #000;
    color: #fff;
  }
}
@media print, screen and (max-width: 750px) {
  .m-btn a {
    font-size: 16px;
    font-size: 4.26667vw;
  }
}

.c-itemBoxs {
  position: relative;
}
.c-itemBoxs__img {
  width: 552px;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__img {
    width: 100%;
    margin: 0 auto;
  }
}
.c-itemBoxs__img img {
  width: 552px;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__img img {
    width: 100%;
  }
}
.c-itemBoxs__img02 {
  position: absolute;
  right: 0;
  top: -50px;
  width: 552px;
  z-index: -1;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__img02 {
    position: initial;
    width: 84%;
    margin: 0 auto;
  }
}
.c-itemBoxs__img02 img {
  width: 552px;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__img02 img {
    width: 100%;
  }
}
.c-itemBoxs__txtBox {
  position: absolute;
  top: 50px;
  right: 0;
  width: 600px;
  height: 650px;
  background-color: #fff;
}
@media print, screen and (min-width: 751px) {
  .c-itemBoxs:nth-of-type(2) {
    margin-top: 400px;
  }
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__txtBox {
    width: 100%;
    height: auto;
    position: initial;
    margin-top: 8.66667%;
  }
}
.c-itemBoxs__txtBox02 {
  margin-top: 350px;
  margin-left: 0;
  width: 604px;
  height: 460px;
  background-color: #fff;
  z-index: 1;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__txtBox02 {
    margin: 0;
    width: 100%;
    height: auto;
    position: initial;
    margin-top: 8.66667%;
  }
}
.c-itemBoxs__inner {
  width: 500px;
  margin: 0 auto;
  text-align: left;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__inner {
    width: 100%;
  }
}
.c-itemBoxs__ttl {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6;
  font-size: 2.2rem;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__ttl {
    font-size: 19px;
    font-size: 5.06667vw;
    width: 100%;
    margin: 0;
  }
}
.c-itemBoxs__subTtl {
  text-align: center;
  width: 70px;
  font-size: 60px;
  color: #d8ae4f;
  font-weight: normal;
  text-align: center;
  font-family: Arial;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__subTtl {
    font-size: 49px;
    font-size: 13.06667vw;
    width: 1.1em;
  }
}
.c-itemBoxs__txt {
  padding-top: 30px;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media print, screen and (max-width: 750px) {
  .c-itemBoxs__txt {
    padding-top: 7.93651%;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}
.c-itemBoxs__txt span {
  font-weight: bold;
}

/* ===============================================
   p-origin
=============================================== */
.p-origin__ttl {
  position: relative;
  text-align: center;
  font-size: 3.2rem;
  width: 690px;
  margin: 85px auto 0;
  padding: 15px 0;
  line-height: 1.5;
}
@media print, screen and (max-width: 750px) {
  .p-origin__ttl {
    padding: 2% 0;
    font-size: 19px;
    font-size: 5.06667vw;
    width: 81.46667%;
    margin-top: 10.66667%;
  }
}
.p-origin__ttl::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(/livlon/origin/img/brackets.svg) no-repeat;
  width: 22px;
  height: 60px;
}
@media print, screen and (max-width: 750px) {
  .p-origin__ttl::after {
    width: 0.8em;
    height: 2em;
  }
}
.p-origin__ttl::before {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  content: "";
  background: url(/livlon/origin/img/brackets.svg) no-repeat;
  width: 22px;
  height: 60px;
}
@media print, screen and (max-width: 750px) {
  .p-origin__ttl::before {
    width: 0.8em;
    height: 2em;
  }
}

.p-originFuture {
  width: 1084px;
  margin: 300px auto 0;
  padding: 70px 0;
  border: 1px solid #707070;
}
@media print, screen and (max-width: 750px) {
  .p-originFuture {
    width: 100%;
    margin-top: 18%;
    padding: 30px 0;
  }
}
.p-originFuture__inner {
  width: 900px;
  margin: 0 auto;
}
@media print, screen and (max-width: 750px) {
  .p-originFuture__inner {
    width: 84%;
  }
}
.p-originFuture__ttl {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.8;
}
@media print, screen and (max-width: 750px) {
  .p-originFuture__ttl {
    font-size: 17px;
    font-size: 4.53333vw;
  }
}
.p-originFuture__txt {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-top: 30px;
}
@media print, screen and (max-width: 750px) {
  .p-originFuture__txt {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 6.34921%;
  }
}
.p-originFuture__txt span {
  font-weight: bold;
}

.p-originLinkList {
  background-color: #f2f2f2;
  padding: 63px 0 55px;
  margin-top: 99px;
}
@media print, screen and (max-width: 750px) {
  .p-originLinkList {
    padding: 14.4% 0 14.93333%;
    margin: 14.26667% auto 0;
  }
}
.p-originLinkList__wrap {
  width: 842px;
  margin: 0 auto;
}
@media print, screen and (max-width: 750px) {
  .p-originLinkList__wrap {
    width: 100%;
  }
}
.p-originLinkList__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
@media print, screen and (max-width: 750px) {
  .p-originLinkList__inner {
    display: block;
    margin: 0 auto;
  }
}
.p-originLinkList__btn {
  width: 240px;
  margin: 58px auto 0;
}
@media print, screen and (max-width: 750px) {
  .p-originLinkList__btn {
    width: 84%;
    margin: 14% auto 0;
  }
}

/* ===============================================
   p-topHistory
=============================================== */
.p-topHistory {
  margin-top: 80px;
  max-width: none;
  position: relative;
  inset-inline: 50%;
  width: 100vw;
  margin-inline: -50vw;
}
@media print, screen and (max-width: 1079px) {
  .p-topHistory {
    max-width: 1084px;
    inset-inline: auto;
    width: auto;
    margin-inline: auto;
  }
}
.p-topHistory__box {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.p-topHistory__box:hover {
  text-decoration: none;
}
@media print, screen and (max-width: 750px) {
  .p-topHistory {
    width: 100%;
    inset-inline: auto;
    margin-inline: unset;
  }
  .p-topHistory__box {
    display: block;
    width: 100%;
  }
}
@media print, screen and (min-width: 751px) {
  .p-topHistory__box:hover .p-topHistory__boxRight {
    background-color: #c0bbbb;
    opacity: 1;
  }
  .p-topHistory__box:hover .p-topHistory__boxRight .p-topHistory__btn {
    opacity: 0.8;
  }
  .p-topHistory__box:hover .p-topHistory__boxRight--color {
    background-color: #878585;
  }
  .p-topHistory__box:hover .p-topHistory__boxLeft {
    opacity: 0.8;
  }
}

.p-topHistory__boxLeft {
  width: 56.00293%;
}
@media print, screen and (max-width: 750px) {
  .p-topHistory__boxLeft {
    width: 100%;
  }
}

.p-topHistory__boxRight {
  position: relative;
  width: 43.99707%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 100px;
  background-color: #004c98;
  color: #fff;
}
.p-topHistory__boxRight--color {
  background-color: #003569;
}
@media print, screen and (max-width: 750px) {
  .p-topHistory__boxRight {
    display: block;
    padding-left: 0;
    width: 100%;
    height: auto;
  }
}

.p-topHistory__boxInner {
  display: block;
}

.p-topHistory__boxTtl {
  font-size: 2.4rem;
  font-weight: bold;
}
.p-topHistory__boxTtl span {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-family: "Montserrat";
  font-weight: bold;
}
@media print, screen and (max-width: 750px) {
  .p-topHistory__boxTtl {
    font-size: 19px;
    font-size: 5.06667vw;
    padding-top: 8.93333%;
    width: 84%;
    margin: 0 auto;
  }
}

.p-topHistory__boxTxt {
  font-size: 1.6rem;
  margin-top: 45px;
  line-height: 2;
}
@media print, screen and (max-width: 750px) {
  .p-topHistory__boxTxt {
    width: 84%;
    margin: 0 auto;
    padding-top: 5.33333%;
    padding-bottom: 12%;
    line-height: 1.7;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}

.p-topHistory__btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 26px;
}
@media print, screen and (max-width: 750px) {
  .p-topHistory__btn {
    width: 2em;
  }
}

/* ===============================================
   p-topResearch
=============================================== */
.p-topResearch {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: -20px !important;
  max-width: none;
  position: relative;
  inset-inline: 50%;
  width: 100vw;
  margin-inline: -50vw;
}
.p-topResearch {
  padding: 140px 0 120px;
}
@media print, screen and (max-width: 1079px) {
  .p-topResearch {
    max-width: 1084px;
    inset-inline: auto;
    width: auto;
    margin-inline: auto;
  }
}
@media print, screen and (max-width: 750px) {
  .p-topResearch {
    padding: 32% 0 21.33333%;
    margin-top: 50px !important;
  }
}
.p-topResearch__main {
  background: url(/livlon/origin/img/research_bg.png) no-repeat top center;
  background-size: cover;
  padding: 65px 0 245px;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__main {
    background: url(/livlon/origin/img/research_bg--sp.png) no-repeat top center;
    background-size: cover;
    padding: 13.33333% 0 36.66667%;
  }
}
.p-topResearch__txtBox {
  text-align: center;
  margin: 0 auto;
}
.p-topResearch__ttl {
  font-size: 2.4rem;
  line-height: 1.3;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__ttl {
    font-size: 19px;
    font-size: 5.06667vw;
    line-height: 1;
  }
}
.p-topResearch__ttl span {
  font-size: 1.9rem;
  font-family: "Montserrat";
  font-weight: bold;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__ttl span {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}
.p-topResearch__txt {
  font-size: 1.7rem;
  margin-top: 35px;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__txt {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 8%;
    line-height: 1.8;
  }
}
.p-topResearch__report {
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  max-width: 1084px;
  margin: 0 auto;
  margin-top: -165px;
}
.p-topResearch__report-head {
  background: #fff;
  padding: 20px;
  text-align: center;
}
.p-topResearch__report-button a {
  color: #fff;
  background: #e60020;
}
.p-topResearch__report-button a::before {
  color: #fff;
}
.p-topResearch__report-button a:hover {
  color: #e60020;
  background: #fff;
}
.p-topResearch__report-button a:hover::before {
  color: #e60020;
}
.p-topResearch__report-body {
  display: flex;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__report {
    width: 84%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-top: -26vw;
  }
}
.p-topResearch__reportBox {
  width: 271px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.p-topResearch__reportBox:hover {
  text-decoration: none;
  color: currentColor;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__reportBox {
    width: 50%;
  }
}
@media print, screen and (min-width: 751px) {
  .p-topResearch__reportBox:hover {
    opacity: 1;
    -webkit-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06);
  }
}
.p-topResearch__reportTtl {
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  line-height: 1.2;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__reportTtl {
    width: 100%;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}
.p-topResearch__reportTtl::after {
  content: "";
  display: block;
  background: url(/livlon/origin/img/arrow02.svg) no-repeat;
  width: 18px;
  height: 18px;
  margin-left: 15px;
  margin-top: 15px;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__reportTtl::after {
    width: 0.8em;
    height: 0.8em;
    margin-left: 0.3em;
    margin-top: 0.5em;
  }
}
.p-topResearch__reportTtl span {
  width: 55px;
  font-size: 6rem;
  color: #004c98;
  text-align: center;
  font-family: Arial;
  font-weight: 500;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__reportTtl span {
    font-size: 38px;
    font-size: 10.13333vw;
    width: 22.22222%;
    width: 1;
  }
}
.p-topResearch__reportImage {
  width: 100%;
}
.p-topResearch__reportImage img {
  width: 100%;
}
.p-topResearch__btn {
  width: 240px;
  margin: 60px auto 0;
}
@media print, screen and (max-width: 750px) {
  .p-topResearch__btn {
    width: 64%;
    margin: 16% auto 0;
  }
}

/* ===============================================
   p-history
=============================================== */
.p-history {
  margin-bottom: 135px;
}
.l-category-header-history {
  background: url(/livlon/history/img/kv_bg_history.png) no-repeat 50% 50%;
  background-size: cover;
}
.l-category-header-history::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-history .l-category-header__inner {
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 750px) {
  .p-history {
    margin-bottom: 12.53333%;
  }
  .l-category-header-history {
    background: url(/livlon/history/img/kv_bg_history--sp.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .l-category-header-history .l-category-header__title:after {
    background: #ddd url(/livlon/history/img/kv_bg_history--sp.png) no-repeat
      100% 50%;
    background-size: cover;
  }
  .l-category-header-history::after {
    content: none;
  }
}
.p-history__txt {
  font-size: 1.4rem;
  text-align: center;
}
@media print, screen and (max-width: 750px) {
  .p-history__txt {
    width: 93.33333%;
    margin: 0 auto;
    line-height: 1.6;
    text-align: left;
    font-size: 13px;
    font-size: 3.46667vw;
  }
}

.p-historyList {
  position: relative;
  width: 943px;
  margin: 120px auto;
}
@media print, screen and (max-width: 750px) {
  .p-historyList {
    width: 100%;
    margin: 15.73333% auto 24%;
  }
}
.p-historyList::before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 75px;
  width: 2px;
  height: 99.68%;
  background-color: #004c98;
}
@media print, screen and (max-width: 750px) {
  .p-historyList::before {
    left: 13.7%;
    height: 99%;
    z-index: 1;
  }
}
.p-historyList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 80px;
}
@media print, screen and (max-width: 750px) {
  .p-historyList__item {
    margin-top: 13.06667%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.p-historyList__item:first-child {
  margin-top: 0;
}
.p-historyList__time {
  position: relative;
  font-size: 1.8rem;
  width: 82px;
  font-family: "Montserrat";
  letter-spacing: 0.04em;
}
@media print, screen and (max-width: 750px) {
  .p-historyList__time {
    width: 18%;
    padding-top: 0.3em;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}
.p-historyList__time::before {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  background: url(/livlon/history/img/circle_icon.svg) no-repeat;
  background-size: cover;
  width: 12px;
  height: 12px;
}
@media print, screen and (max-width: 750px) {
  .p-historyList__time::before {
    top: 0.8em;
    width: 0.6em;
    height: 0.6em;
    right: 0.5em;
  }
}
.p-historyList__date {
  padding-left: 33px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: normal;
}
@media print, screen and (max-width: 750px) {
  .p-historyList__date {
    width: 82%;
    padding-left: 3.28571%;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}
.p-historyList__txtBox {
  max-width: 670px;
  margin-top: 20px;
  margin-left: 115px;
  padding: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  display: inline-block;
}
@media print, screen and (max-width: 750px) {
  .p-historyList__txtBox {
    width: 81%;
    margin-left: 19%;
    padding: 4.28571%;
  }
}
.p-historyList__ttl {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 14px;
  line-height: 1.4;
}
@media print, screen and (max-width: 750px) {
  .p-historyList__ttl {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}
.p-historyList__txt {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media print, screen and (max-width: 750px) {
  .p-historyList__txt {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}

.p-historyTopic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 115px;
  margin-top: 80px;
}
@media print, screen and (max-width: 750px) {
  .p-historyTopic {
    width: 81%;
    margin-top: 13.06667%;
    margin-left: 19%;
    display: block;
  }
}
.p-historyTopic:first-child {
  margin-top: 0;
}
.p-historyTopic__ttlBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-historyTopic__numberWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 80px;
  font-size: 1.6rem;
  background-color: #004c98;
  border-radius: 4px;
}
@media print, screen and (max-width: 750px) {
  .p-historyTopic__numberWrap {
    width: 3.4em;
    height: 3.4em;
  }
}
.p-historyTopic__number {
  font-weight: bold;
  text-align: center;
  width: 70px;
  margin: 0 auto;
  color: #fff;
  font-weight: 600;
}
@media print, screen and (max-width: 750px) {
  .p-historyTopic__number {
    font-size: 11px;
    font-size: 2.93333vw;
  }
}
.p-historyTopic__number span {
  font-size: 3.2rem;
  line-height: 1.3;
}
@media print, screen and (max-width: 750px) {
  .p-historyTopic__number span {
    font-size: 23px;
    font-size: 6.13333vw;
  }
}
.p-historyTopic__ttl {
  font-size: 2.2rem;
  font-weight: 600;
  margin-left: 14px;
  line-height: 1.5;
}
@media print, screen and (max-width: 750px) {
  .p-historyTopic__ttl {
    margin-left: 3.52734%;
    font-size: 17px;
    font-size: 4.53333vw;
  }
}
.p-historyTopic__txt {
  margin-top: 25px;
  font-size: 1.6rem;
  line-height: 1.8;
  width: 407px;
}
@media print, screen and (max-width: 750px) {
  .p-historyTopic__txt {
    margin-top: 5.29101%;
    width: 100%;
    font-size: 14px;
    font-size: 3.73333vw;
  }
}
.p-historyTopic__rightBox {
  width: 348px;
}
@media print, screen and (max-width: 750px) {
  .p-historyTopic__rightBox {
    width: 70.54674%;
    margin-top: 7.05467%;
  }
}

.p-historyLinkList {
  background-color: #f2f2f2;
  padding: 63px 0 55px;
  margin-top: 99px;
}
@media print, screen and (max-width: 750px) {
  .p-historyLinkList {
    padding: 14.4% 0 14.93333%;
    margin: 14.26667% auto 0;
  }
}
.p-historyLinkList__wrap {
  width: 842px;
  margin: 0 auto;
}
@media print, screen and (max-width: 750px) {
  .p-historyLinkList__wrap {
    width: 100%;
  }
}
.p-historyLinkList__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
@media print, screen and (max-width: 750px) {
  .p-historyLinkList__inner {
    display: block;
    margin: 0 auto;
  }
}
.p-historyLinkList__btn {
  width: 240px;
  margin: 58px auto 0;
}
@media print, screen and (max-width: 750px) {
  .p-historyLinkList__btn {
    width: 84%;
    margin: 14% auto 0;
  }
}

/* ===============================================
   p-report
=============================================== */
.p-report {
  margin-bottom: 135px;
}
.l-category-header-report {
  background: url(/livlon/report/img/kv_bg_report.png) no-repeat 50% 50%;
  background-size: cover;
}
.l-category-header-report::after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-report .l-category-header__inner {
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 750px) {
  .p-report {
    margin-bottom: 12.53333%;
  }
  .p-report {
    margin-bottom: 12.53333%;
  }
  .l-category-header-report {
    background: url(/livlon/report/img/kv_bg_report--sp.png) no-repeat 50% 50%;
    background-size: cover;
  }
  .l-category-header-report .l-category-header__title:after {
    background: #ddd url(/livlon/report/img/kv_bg_report--sp.png) no-repeat 100%
      50%;
    background-size: cover;
  }
  .l-category-header-report::after {
    content: none;
  }
}
.p-report__inner {
  width: 1084px;
  margin: 0 auto;
}
@media print, screen and (max-width: 750px) {
  .p-report__inner {
    width: 84%;
    margin: 0 auto;
  }
}
.p-report__ttl {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: normal;
  text-align: center;
  margin: 80px auto;
}
@media print, screen and (max-width: 750px) {
  .p-report__ttl {
    text-align: left;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}

.p-reportResearch {
  width: 1084px;
  margin: 0 auto;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch {
    width: 100%;
  }
}
.p-reportResearch__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dcdcdc;
}
.p-reportResearch__box:first-child {
  border-top: 1px solid #dcdcdc;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__box {
    display: block;
    border: none;
  }
}
.p-reportResearch__imgPc {
  width: 348px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.p-reportResearch__imgPc img {
  width: 348px;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__imgPc img {
    display: none;
  }
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__imgPc {
    display: none;
  }
}
.p-reportResearch__imgSp {
  display: none;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__imgSp {
    display: block;
    width: 100%;
  }
  .p-reportResearch__imgSp img {
    width: 100%;
  }
}
.p-reportResearch__txtBox {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: block;
}
.p-reportResearch__txtBox:hover {
  text-decoration: none;
  color: currentColor;
}
/*
@media print, screen and (min-width: 751px) {
  .p-reportResearch__txtBox:hover {
    opacity: 0.7;
  }
  .p-reportResearch__txtBox:hover + .p-reportResearch__imgPc {
    opacity: 0.7;
  }
}*/
.p-reportResearch__txtInner {
  margin-left: 60px;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__txtInner {
    width: 84%;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__txtInner {
    width: 84%;
    margin: 0 auto;
  }
}
.p-reportResearch__ttl {
  font-size: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  margin-top: 70px;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__ttl {
    margin-top: 8.73016%;
    font-size: 19px;
    font-size: 5.06667vw;
  }
}
.p-reportResearch__ttl span {
  font-size: 6rem;
  color: #004c98;
  width: 52px;
  font-weight: normal;
  text-align: center;
  font-family: Arial;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__ttl span {
    font-size: 49px;
    font-size: 13.06667vw;
  }
}
.p-reportResearch__txt {
  font-size: 1.6rem;
  width: 560px;
  line-height: 1.8;
  margin-top: 18px;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__txt {
    width: 100%;
    font-size: 16px;
    font-size: 4.26667vw;
    padding-bottom: 20%;
    margin-top: 6.34921%;
  }
}
.p-reportResearch__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 26px;
  height: 26px;
}
@media print, screen and (max-width: 750px) {
  .p-reportResearch__icon {
    right: 0;
    width: 2.6em;
    height: 2.6em;
  }
}

.p-reportInterview {
  margin-top: 140px;
  background: url(/livlon/report/img/report_interview_bg.png) no-repeat top
    center;
  background-size: cover;
  padding: 60px 0 45px;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview {
    margin-top: 18.66667%;
    background: url(/livlon/report/img/report_interview_bg--sp.png) no-repeat
      right center;
    background-size: cover;
    padding: 13.33333% 0;
  }
}
.p-reportInterview__inner {
  margin: 0 auto;
  text-align: center;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__inner {
    width: 100%;
  }
}
.p-reportInterview__ttl {
  font-size: 3.4rem;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__ttl {
    font-size: 21px;
    font-size: 5.6vw;
  }
}
.p-reportInterview__subTtl {
  font-size: 1.8rem;
  font-family: "Montserrat";
  font-weight: bold;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__subTtl {
    font-size: 14px;
    font-size: 3.73333vw;
  }
}
.p-reportInterview__itemBox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 140px 1fr;
  grid-template-columns: 140px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 675px;
  margin: 40px auto 0;
  text-align: left;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__itemBox {
    width: 100%;
    -ms-grid-columns: 34.92063vw 1fr;
    grid-template-columns: 34.92063vw 1fr;
    margin: 10.52632 auto 0;
  }
}
.p-reportInterview__img {
  width: 140px;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__img {
    width: 100%;
  }
}
.p-reportInterview__career {
  text-align: left;
  margin-left: 40px;
  padding: 8px 0;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__career {
    margin-left: 7.93651%;
  }
}
.p-reportInterview__position {
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__position {
    line-height: 1.5;
    font-size: 16px;
    font-size: 4.26667vw;
  }
}
.p-reportInterview__name {
  margin-top: 15px;
  font-size: 2.2rem;
  font-weight: bold;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__name {
    font-size: 18px;
    font-size: 4.8vw;
  }
}
.p-reportInterview__date {
  margin-top: 24px;
  font-size: 1.6rem;
  line-height: 1.8;
}
@media print, screen and (max-width: 750px) {
  .p-reportInterview__date {
    font-size: 14px;
    font-size: 3.73333vw;
    text-align: left;
  }
}

.p-reportSkill__inner {
  text-align: center;
  width: 1084px;
  margin: 0 auto;
}
@media print, screen and (max-width: 750px) {
  .p-reportSkill__inner {
    width: 100%;
  }
}

.p-reportSkill__ttl {
  position: relative;
  text-align: center;
  font-size: 3.2rem;
  width: 690px;
  margin: 85px auto 0;
  padding: 15px 0;
  line-height: 1.5;
}
@media print, screen and (max-width: 750px) {
  .p-reportSkill__ttl {
    width: 84%;
    padding: 2% 0;
    font-size: 19px;
    font-size: 5.06667vw;
    margin-top: 10.66667%;
  }
}
.p-reportSkill__ttl::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url(/livlon/report/img/brackets_red.svg) no-repeat;
  width: 22px;
  height: 60px;
}
@media print, screen and (max-width: 750px) {
  .p-reportSkill__ttl::after {
    width: 0.8em;
    height: 2em;
  }
}
.p-reportSkill__ttl::before {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  content: "";
  background: url(/livlon/report/img/brackets_red.svg) no-repeat;
  width: 22px;
  height: 60px;
}
@media print, screen and (max-width: 750px) {
  .p-reportSkill__ttl::before {
    width: 0.8em;
    height: 2em;
  }
}

/* ===============================================
   p-reportLinkList
=============================================== */
.p-reportLinkList {
  background-color: #f2f2f2;
  padding: 63px 0 55px;
  margin-top: 252px;
}
.p-reportLinkList {
  max-width: none;
  position: relative;
  inset-inline: 50%;
  width: 100vw;
  margin-inline: -50vw;
}
@media print, screen and (max-width: 750px) {
  .p-reportLinkList {
    padding: 14.4% 0 14.93333%;
    margin: 26.66667% auto 0;
  }
  .p-reportLinkList {
    width: 100%;
    inset-inline: auto;
    margin-inline: unset;
  }
}
.p-reportLinkList__wrap {
  width: 842px;
  margin: 0 auto;
}
@media print, screen and (max-width: 750px) {
  .p-reportLinkList__wrap {
    width: 100%;
  }
}
.p-reportLinkList__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
@media print, screen and (max-width: 750px) {
  .p-reportLinkList__inner {
    display: block;
    margin: 0 auto;
  }
}
.p-reportLinkList__btn {
  width: 240px;
  margin: 58px auto 0;
}
@media print, screen and (max-width: 750px) {
  .p-reportLinkList__btn {
    width: 84%;
    margin: 14% auto 0;
  }
}

.p-reportLinkList {
  background-color: #f2f2f2;
  padding: 63px 0 55px;
  margin-top: 252px;
}
@media print, screen and (max-width: 750px) {
  .p-reportLinkList {
    padding: 14.4% 0 14.93333%;
    margin: 26.66667% auto 0;
  }
}
.p-reportLinkList__wrap {
  width: 842px;
  margin: 0 auto;
}
@media print, screen and (max-width: 750px) {
  .p-reportLinkList__wrap {
    width: 100%;
  }
}
.p-reportLinkList__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
@media print, screen and (max-width: 750px) {
  .p-reportLinkList__inner {
    display: block;
    margin: 0 auto;
  }
}
.p-reportLinkList__btn {
  width: 240px;
  margin: 58px auto 0;
}
@media print, screen and (max-width: 750px) {
  .p-reportLinkList__btn {
    width: 84%;
    margin: 14% auto 0;
  }
}

.c-linkList {
  position: relative;
  background-color: #fff;
  display: block;
  width: 30.87886%;
  margin: 0 15px;
}
.c-linkList:hover {
  text-decoration: none;
  color: currentColor;
}
.c-linkList--02 {
  margin: 0 5px;
  width: 24.197%;
}
@media print, screen and (max-width: 750px) {
  .c-linkList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 84%;
    margin: 0 auto;
  }
  .c-linkList--02 {
    width: 47.61905%;
    display: block;
    margin: 0;
  }
}
.c-linkList__cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.4;
}
.c-linkList__image {
  width: 100%;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__image {
    width: 50.15873%;
  }
  .c-linkList__image--02 {
    width: 100%;
  }
}
.c-linkList__txtInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__txtInner {
    display: block;
    width: 100%;
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
}
.c-linkList__txt {
  padding: 11.53846% 0 7.69231%;
  text-align: center;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__txt {
    width: 50.15873%;
    padding: 0;
  }
}
.c-linkList__txt--02 {
  padding: 40px 0;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__txt--02 {
    width: 100%;
    padding: 7% 0;
  }
}
.c-linkList__name {
  font-size: 2.2rem;
  font-family: "M+1c";
  font-weight: bold;
  letter-spacing: 0.03em;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__name {
    line-height: 1.3;
    font-size: 15.5px;
    font-size: 4.13333vw;
  }
}
.c-linkList__name02 {
  font-size: 2.2rem;
  font-family: "M+1c";
  font-weight: bold;
  letter-spacing: 0.03em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 1.3em;
  position: relative;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__name02 {
    display: inline;
    padding-right: 1.3em;
    line-height: 1.3;
    margin-top: 3.33333%;
    font-size: 18px;
    font-size: 4.8vw;
  }
}
.c-linkList__name02::after {
  position: absolute;
  top: 43%;
  right: 0;
  content: "";
  background: url(/assets/img/common/icon/arrow02.svg) no-repeat;
  width: 15px;
  height: 5px;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__name02::after {
    width: 1em;
    height: 0.3em;
  }
}
.c-linkList__number {
  font-size: 5rem;
  font-family: "Arial";
  font-weight: normal;
  color: #004c98;
  margin-right: 7px;
  margin-left: 14px;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__number {
    margin: 0;
    font-size: 32.5px;
    font-size: 8.66667vw;
  }
}
.c-linkList__page {
  margin-top: 14px;
  font-size: 2.2rem;
  font-family: "M+1c";
  font-weight: bold;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__page {
    margin-top: 5.6962%;
    font-size: 12.5px;
    font-size: 3.33333vw;
  }
}
.c-linkList__icon {
  position: absolute;
  width: 26px;
  bottom: 0;
  right: 0;
}
@media print, screen and (max-width: 750px) {
  .c-linkList__icon {
    width: 1.5em;
  }
}

.u-border {
  border-top: 1px solid #000;
  width: 100%;
}

.u-mt-0 {
  margin-top: 0px;
}

.u-mt-1 {
  margin-top: 1px;
}

.u-mt-2 {
  margin-top: 2px;
}

.u-mt-3 {
  margin-top: 3px;
}

.u-mt-4 {
  margin-top: 4px;
}

.u-mt-5 {
  margin-top: 5px;
}

.u-mt-6 {
  margin-top: 6px;
}

.u-mt-7 {
  margin-top: 7px;
}

.u-mt-8 {
  margin-top: 8px;
}

.u-mt-9 {
  margin-top: 9px;
}

.u-mt-10 {
  margin-top: 10px;
}

.u-mt-11 {
  margin-top: 11px;
}

.u-mt-12 {
  margin-top: 12px;
}

.u-mt-13 {
  margin-top: 13px;
}

.u-mt-14 {
  margin-top: 14px;
}

.u-mt-15 {
  margin-top: 15px;
}

.u-mt-16 {
  margin-top: 16px;
}

.u-mt-17 {
  margin-top: 17px;
}

.u-mt-18 {
  margin-top: 18px;
}

.u-mt-19 {
  margin-top: 19px;
}

.u-mt-20 {
  margin-top: 20px;
}

.u-mt-21 {
  margin-top: 21px;
}

.u-mt-22 {
  margin-top: 22px;
}

.u-mt-23 {
  margin-top: 23px;
}

.u-mt-24 {
  margin-top: 24px;
}

.u-mt-25 {
  margin-top: 25px;
}

.u-mt-26 {
  margin-top: 26px;
}

.u-mt-27 {
  margin-top: 27px;
}

.u-mt-28 {
  margin-top: 28px;
}

.u-mt-29 {
  margin-top: 29px;
}

.u-mt-30 {
  margin-top: 30px;
}

.u-mt-31 {
  margin-top: 31px;
}

.u-mt-32 {
  margin-top: 32px;
}

.u-mt-33 {
  margin-top: 33px;
}

.u-mt-34 {
  margin-top: 34px;
}

.u-mt-35 {
  margin-top: 35px;
}

.u-mt-36 {
  margin-top: 36px;
}

.u-mt-37 {
  margin-top: 37px;
}

.u-mt-38 {
  margin-top: 38px;
}

.u-mt-39 {
  margin-top: 39px;
}

.u-mt-40 {
  margin-top: 40px;
}

.u-mt-41 {
  margin-top: 41px;
}

.u-mt-42 {
  margin-top: 42px;
}

.u-mt-43 {
  margin-top: 43px;
}

.u-mt-44 {
  margin-top: 44px;
}

.u-mt-45 {
  margin-top: 45px;
}

.u-mt-46 {
  margin-top: 46px;
}

.u-mt-47 {
  margin-top: 47px;
}

.u-mt-48 {
  margin-top: 48px;
}

.u-mt-49 {
  margin-top: 49px;
}

.u-mt-50 {
  margin-top: 50px;
}

.u-mt-51 {
  margin-top: 51px;
}

.u-mt-52 {
  margin-top: 52px;
}

.u-mt-53 {
  margin-top: 53px;
}

.u-mt-54 {
  margin-top: 54px;
}

.u-mt-55 {
  margin-top: 55px;
}

.u-mt-56 {
  margin-top: 56px;
}

.u-mt-57 {
  margin-top: 57px;
}

.u-mt-58 {
  margin-top: 58px;
}

.u-mt-59 {
  margin-top: 59px;
}

.u-mt-60 {
  margin-top: 60px;
}

.u-mt-61 {
  margin-top: 61px;
}

.u-mt-62 {
  margin-top: 62px;
}

.u-mt-63 {
  margin-top: 63px;
}

.u-mt-64 {
  margin-top: 64px;
}

.u-mt-65 {
  margin-top: 65px;
}

.u-mt-66 {
  margin-top: 66px;
}

.u-mt-67 {
  margin-top: 67px;
}

.u-mt-68 {
  margin-top: 68px;
}

.u-mt-69 {
  margin-top: 69px;
}

.u-mt-70 {
  margin-top: 70px;
}

.u-mt-71 {
  margin-top: 71px;
}

.u-mt-72 {
  margin-top: 72px;
}

.u-mt-73 {
  margin-top: 73px;
}

.u-mt-74 {
  margin-top: 74px;
}

.u-mt-75 {
  margin-top: 75px;
}

.u-mt-76 {
  margin-top: 76px;
}

.u-mt-77 {
  margin-top: 77px;
}

.u-mt-78 {
  margin-top: 78px;
}

.u-mt-79 {
  margin-top: 79px;
}

.u-mt-80 {
  margin-top: 80px;
}

.u-mt-81 {
  margin-top: 81px;
}

.u-mt-82 {
  margin-top: 82px;
}

.u-mt-83 {
  margin-top: 83px;
}

.u-mt-84 {
  margin-top: 84px;
}

.u-mt-85 {
  margin-top: 85px;
}

.u-mt-86 {
  margin-top: 86px;
}

.u-mt-87 {
  margin-top: 87px;
}

.u-mt-88 {
  margin-top: 88px;
}

.u-mt-89 {
  margin-top: 89px;
}

.u-mt-90 {
  margin-top: 90px;
}

.u-mt-91 {
  margin-top: 91px;
}

.u-mt-92 {
  margin-top: 92px;
}

.u-mt-93 {
  margin-top: 93px;
}

.u-mt-94 {
  margin-top: 94px;
}

.u-mt-95 {
  margin-top: 95px;
}

.u-mt-96 {
  margin-top: 96px;
}

.u-mt-97 {
  margin-top: 97px;
}

.u-mt-98 {
  margin-top: 98px;
}

.u-mt-99 {
  margin-top: 99px;
}

.u-mt-100 {
  margin-top: 100px;
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-0 {
    margin-top: 0%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-1 {
    margin-top: 1%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-2 {
    margin-top: 2%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-3 {
    margin-top: 3%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-4 {
    margin-top: 4%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-5 {
    margin-top: 5%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-6 {
    margin-top: 6%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-7 {
    margin-top: 7%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-8 {
    margin-top: 8%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-9 {
    margin-top: 9%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-10 {
    margin-top: 10%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-11 {
    margin-top: 11%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-12 {
    margin-top: 12%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-13 {
    margin-top: 13%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-14 {
    margin-top: 14%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-15 {
    margin-top: 15%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-16 {
    margin-top: 16%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-17 {
    margin-top: 17%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-18 {
    margin-top: 18%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-19 {
    margin-top: 19%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-20 {
    margin-top: 20%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-21 {
    margin-top: 21%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-22 {
    margin-top: 22%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-23 {
    margin-top: 23%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-24 {
    margin-top: 24%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-25 {
    margin-top: 25%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-26 {
    margin-top: 26%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-27 {
    margin-top: 27%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-28 {
    margin-top: 28%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-29 {
    margin-top: 29%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-30 {
    margin-top: 30%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-31 {
    margin-top: 31%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-32 {
    margin-top: 32%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-33 {
    margin-top: 33%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-34 {
    margin-top: 34%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-35 {
    margin-top: 35%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-36 {
    margin-top: 36%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-37 {
    margin-top: 37%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-38 {
    margin-top: 38%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-39 {
    margin-top: 39%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-40 {
    margin-top: 40%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-41 {
    margin-top: 41%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-42 {
    margin-top: 42%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-43 {
    margin-top: 43%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-44 {
    margin-top: 44%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-45 {
    margin-top: 45%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-46 {
    margin-top: 46%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-47 {
    margin-top: 47%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-48 {
    margin-top: 48%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-49 {
    margin-top: 49%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-50 {
    margin-top: 50%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-51 {
    margin-top: 51%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-52 {
    margin-top: 52%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-53 {
    margin-top: 53%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-54 {
    margin-top: 54%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-55 {
    margin-top: 55%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-56 {
    margin-top: 56%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-57 {
    margin-top: 57%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-58 {
    margin-top: 58%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-59 {
    margin-top: 59%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-60 {
    margin-top: 60%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-61 {
    margin-top: 61%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-62 {
    margin-top: 62%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-63 {
    margin-top: 63%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-64 {
    margin-top: 64%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-65 {
    margin-top: 65%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-66 {
    margin-top: 66%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-67 {
    margin-top: 67%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-68 {
    margin-top: 68%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-69 {
    margin-top: 69%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-70 {
    margin-top: 70%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-71 {
    margin-top: 71%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-72 {
    margin-top: 72%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-73 {
    margin-top: 73%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-74 {
    margin-top: 74%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-75 {
    margin-top: 75%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-76 {
    margin-top: 76%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-77 {
    margin-top: 77%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-78 {
    margin-top: 78%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-79 {
    margin-top: 79%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-80 {
    margin-top: 80%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-81 {
    margin-top: 81%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-82 {
    margin-top: 82%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-83 {
    margin-top: 83%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-84 {
    margin-top: 84%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-85 {
    margin-top: 85%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-86 {
    margin-top: 86%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-87 {
    margin-top: 87%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-88 {
    margin-top: 88%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-89 {
    margin-top: 89%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-90 {
    margin-top: 90%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-91 {
    margin-top: 91%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-92 {
    margin-top: 92%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-93 {
    margin-top: 93%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-94 {
    margin-top: 94%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-95 {
    margin-top: 95%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-96 {
    margin-top: 96%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-97 {
    margin-top: 97%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-98 {
    margin-top: 98%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-99 {
    margin-top: 99%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-mt-sp-100 {
    margin-top: 100%;
  }
}

.u-pt-0 {
  padding-top: 0px;
}

.u-pt-1 {
  padding-top: 1px;
}

.u-pt-2 {
  padding-top: 2px;
}

.u-pt-3 {
  padding-top: 3px;
}

.u-pt-4 {
  padding-top: 4px;
}

.u-pt-5 {
  padding-top: 5px;
}

.u-pt-6 {
  padding-top: 6px;
}

.u-pt-7 {
  padding-top: 7px;
}

.u-pt-8 {
  padding-top: 8px;
}

.u-pt-9 {
  padding-top: 9px;
}

.u-pt-10 {
  padding-top: 10px;
}

.u-pt-11 {
  padding-top: 11px;
}

.u-pt-12 {
  padding-top: 12px;
}

.u-pt-13 {
  padding-top: 13px;
}

.u-pt-14 {
  padding-top: 14px;
}

.u-pt-15 {
  padding-top: 15px;
}

.u-pt-16 {
  padding-top: 16px;
}

.u-pt-17 {
  padding-top: 17px;
}

.u-pt-18 {
  padding-top: 18px;
}

.u-pt-19 {
  padding-top: 19px;
}

.u-pt-20 {
  padding-top: 20px;
}

.u-pt-21 {
  padding-top: 21px;
}

.u-pt-22 {
  padding-top: 22px;
}

.u-pt-23 {
  padding-top: 23px;
}

.u-pt-24 {
  padding-top: 24px;
}

.u-pt-25 {
  padding-top: 25px;
}

.u-pt-26 {
  padding-top: 26px;
}

.u-pt-27 {
  padding-top: 27px;
}

.u-pt-28 {
  padding-top: 28px;
}

.u-pt-29 {
  padding-top: 29px;
}

.u-pt-30 {
  padding-top: 30px;
}

.u-pt-31 {
  padding-top: 31px;
}

.u-pt-32 {
  padding-top: 32px;
}

.u-pt-33 {
  padding-top: 33px;
}

.u-pt-34 {
  padding-top: 34px;
}

.u-pt-35 {
  padding-top: 35px;
}

.u-pt-36 {
  padding-top: 36px;
}

.u-pt-37 {
  padding-top: 37px;
}

.u-pt-38 {
  padding-top: 38px;
}

.u-pt-39 {
  padding-top: 39px;
}

.u-pt-40 {
  padding-top: 40px;
}

.u-pt-41 {
  padding-top: 41px;
}

.u-pt-42 {
  padding-top: 42px;
}

.u-pt-43 {
  padding-top: 43px;
}

.u-pt-44 {
  padding-top: 44px;
}

.u-pt-45 {
  padding-top: 45px;
}

.u-pt-46 {
  padding-top: 46px;
}

.u-pt-47 {
  padding-top: 47px;
}

.u-pt-48 {
  padding-top: 48px;
}

.u-pt-49 {
  padding-top: 49px;
}

.u-pt-50 {
  padding-top: 50px;
}

.u-pt-51 {
  padding-top: 51px;
}

.u-pt-52 {
  padding-top: 52px;
}

.u-pt-53 {
  padding-top: 53px;
}

.u-pt-54 {
  padding-top: 54px;
}

.u-pt-55 {
  padding-top: 55px;
}

.u-pt-56 {
  padding-top: 56px;
}

.u-pt-57 {
  padding-top: 57px;
}

.u-pt-58 {
  padding-top: 58px;
}

.u-pt-59 {
  padding-top: 59px;
}

.u-pt-60 {
  padding-top: 60px;
}

.u-pt-61 {
  padding-top: 61px;
}

.u-pt-62 {
  padding-top: 62px;
}

.u-pt-63 {
  padding-top: 63px;
}

.u-pt-64 {
  padding-top: 64px;
}

.u-pt-65 {
  padding-top: 65px;
}

.u-pt-66 {
  padding-top: 66px;
}

.u-pt-67 {
  padding-top: 67px;
}

.u-pt-68 {
  padding-top: 68px;
}

.u-pt-69 {
  padding-top: 69px;
}

.u-pt-70 {
  padding-top: 70px;
}

.u-pt-71 {
  padding-top: 71px;
}

.u-pt-72 {
  padding-top: 72px;
}

.u-pt-73 {
  padding-top: 73px;
}

.u-pt-74 {
  padding-top: 74px;
}

.u-pt-75 {
  padding-top: 75px;
}

.u-pt-76 {
  padding-top: 76px;
}

.u-pt-77 {
  padding-top: 77px;
}

.u-pt-78 {
  padding-top: 78px;
}

.u-pt-79 {
  padding-top: 79px;
}

.u-pt-80 {
  padding-top: 80px;
}

.u-pt-81 {
  padding-top: 81px;
}

.u-pt-82 {
  padding-top: 82px;
}

.u-pt-83 {
  padding-top: 83px;
}

.u-pt-84 {
  padding-top: 84px;
}

.u-pt-85 {
  padding-top: 85px;
}

.u-pt-86 {
  padding-top: 86px;
}

.u-pt-87 {
  padding-top: 87px;
}

.u-pt-88 {
  padding-top: 88px;
}

.u-pt-89 {
  padding-top: 89px;
}

.u-pt-90 {
  padding-top: 90px;
}

.u-pt-91 {
  padding-top: 91px;
}

.u-pt-92 {
  padding-top: 92px;
}

.u-pt-93 {
  padding-top: 93px;
}

.u-pt-94 {
  padding-top: 94px;
}

.u-pt-95 {
  padding-top: 95px;
}

.u-pt-96 {
  padding-top: 96px;
}

.u-pt-97 {
  padding-top: 97px;
}

.u-pt-98 {
  padding-top: 98px;
}

.u-pt-99 {
  padding-top: 99px;
}

.u-pt-100 {
  padding-top: 100px;
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-0 {
    padding-top: 0%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-1 {
    padding-top: 1%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-2 {
    padding-top: 2%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-3 {
    padding-top: 3%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-4 {
    padding-top: 4%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-5 {
    padding-top: 5%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-6 {
    padding-top: 6%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-7 {
    padding-top: 7%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-8 {
    padding-top: 8%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-9 {
    padding-top: 9%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-10 {
    padding-top: 10%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-11 {
    padding-top: 11%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-12 {
    padding-top: 12%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-13 {
    padding-top: 13%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-14 {
    padding-top: 14%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-15 {
    padding-top: 15%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-16 {
    padding-top: 16%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-17 {
    padding-top: 17%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-18 {
    padding-top: 18%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-19 {
    padding-top: 19%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-20 {
    padding-top: 20%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-21 {
    padding-top: 21%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-22 {
    padding-top: 22%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-23 {
    padding-top: 23%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-24 {
    padding-top: 24%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-25 {
    padding-top: 25%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-26 {
    padding-top: 26%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-27 {
    padding-top: 27%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-28 {
    padding-top: 28%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-29 {
    padding-top: 29%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-30 {
    padding-top: 30%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-31 {
    padding-top: 31%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-32 {
    padding-top: 32%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-33 {
    padding-top: 33%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-34 {
    padding-top: 34%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-35 {
    padding-top: 35%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-36 {
    padding-top: 36%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-37 {
    padding-top: 37%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-38 {
    padding-top: 38%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-39 {
    padding-top: 39%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-40 {
    padding-top: 40%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-41 {
    padding-top: 41%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-42 {
    padding-top: 42%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-43 {
    padding-top: 43%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-44 {
    padding-top: 44%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-45 {
    padding-top: 45%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-46 {
    padding-top: 46%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-47 {
    padding-top: 47%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-48 {
    padding-top: 48%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-49 {
    padding-top: 49%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-50 {
    padding-top: 50%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-51 {
    padding-top: 51%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-52 {
    padding-top: 52%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-53 {
    padding-top: 53%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-54 {
    padding-top: 54%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-55 {
    padding-top: 55%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-56 {
    padding-top: 56%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-57 {
    padding-top: 57%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-58 {
    padding-top: 58%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-59 {
    padding-top: 59%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-60 {
    padding-top: 60%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-61 {
    padding-top: 61%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-62 {
    padding-top: 62%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-63 {
    padding-top: 63%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-64 {
    padding-top: 64%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-65 {
    padding-top: 65%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-66 {
    padding-top: 66%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-67 {
    padding-top: 67%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-68 {
    padding-top: 68%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-69 {
    padding-top: 69%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-70 {
    padding-top: 70%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-71 {
    padding-top: 71%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-72 {
    padding-top: 72%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-73 {
    padding-top: 73%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-74 {
    padding-top: 74%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-75 {
    padding-top: 75%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-76 {
    padding-top: 76%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-77 {
    padding-top: 77%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-78 {
    padding-top: 78%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-79 {
    padding-top: 79%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-80 {
    padding-top: 80%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-81 {
    padding-top: 81%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-82 {
    padding-top: 82%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-83 {
    padding-top: 83%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-84 {
    padding-top: 84%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-85 {
    padding-top: 85%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-86 {
    padding-top: 86%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-87 {
    padding-top: 87%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-88 {
    padding-top: 88%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-89 {
    padding-top: 89%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-90 {
    padding-top: 90%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-91 {
    padding-top: 91%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-92 {
    padding-top: 92%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-93 {
    padding-top: 93%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-94 {
    padding-top: 94%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-95 {
    padding-top: 95%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-96 {
    padding-top: 96%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-97 {
    padding-top: 97%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-98 {
    padding-top: 98%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-99 {
    padding-top: 99%;
  }
}

@media print, screen and (max-width: 750px) {
  .u-pt-sp-100 {
    padding-top: 100%;
  }
}

.u-fz-1 {
  font-size: 0.1rem;
}

.u-fz-2 {
  font-size: 0.2rem;
}

.u-fz-3 {
  font-size: 0.3rem;
}

.u-fz-4 {
  font-size: 0.4rem;
}

.u-fz-5 {
  font-size: 0.5rem;
}

.u-fz-6 {
  font-size: 0.6rem;
}

.u-fz-7 {
  font-size: 0.7rem;
}

.u-fz-8 {
  font-size: 0.8rem;
}

.u-fz-9 {
  font-size: 0.9rem;
}

.u-fz-10 {
  font-size: 1rem;
}

.u-fz-11 {
  font-size: 1.1rem;
}

.u-fz-12 {
  font-size: 1.2rem;
}

.u-fz-13 {
  font-size: 1.3rem;
}

.u-fz-14 {
  font-size: 1.4rem;
}

.u-fz-15 {
  font-size: 1.5rem;
}

.u-fz-16 {
  font-size: 1.6rem;
}

.u-fz-17 {
  font-size: 1.7rem;
}

.u-fz-18 {
  font-size: 1.8rem;
}

.u-fz-19 {
  font-size: 1.9rem;
}

.u-fz-20 {
  font-size: 2rem;
}

.u-fz-21 {
  font-size: 2.1rem;
}

.u-fz-22 {
  font-size: 2.2rem;
}

.u-fz-23 {
  font-size: 2.3rem;
}

.u-fz-24 {
  font-size: 2.4rem;
}

.u-fz-25 {
  font-size: 2.5rem;
}

.u-fz-26 {
  font-size: 2.6rem;
}

.u-fz-27 {
  font-size: 2.7rem;
}

.u-fz-28 {
  font-size: 2.8rem;
}

.u-fz-29 {
  font-size: 2.9rem;
}

.u-fz-30 {
  font-size: 3rem;
}

.u-fz-31 {
  font-size: 3.1rem;
}

.u-fz-32 {
  font-size: 3.2rem;
}

.u-fz-33 {
  font-size: 3.3rem;
}

.u-fz-34 {
  font-size: 3.4rem;
}

.u-fz-35 {
  font-size: 3.5rem;
}

.u-fz-36 {
  font-size: 3.6rem;
}

.u-fz-37 {
  font-size: 3.7rem;
}

.u-fz-38 {
  font-size: 3.8rem;
}

.u-fz-39 {
  font-size: 3.9rem;
}

.u-fz-40 {
  font-size: 4rem;
}

.u-fz-41 {
  font-size: 4.1rem;
}

.u-fz-42 {
  font-size: 4.2rem;
}

.u-fz-43 {
  font-size: 4.3rem;
}

.u-fz-44 {
  font-size: 4.4rem;
}

.u-fz-45 {
  font-size: 4.5rem;
}

.u-fz-46 {
  font-size: 4.6rem;
}

.u-fz-47 {
  font-size: 4.7rem;
}

.u-fz-48 {
  font-size: 4.8rem;
}

.u-fz-49 {
  font-size: 4.9rem;
}

.u-fz-50 {
  font-size: 5rem;
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-1 {
    font-size: calc(1 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-2 {
    font-size: calc(2 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-3 {
    font-size: calc(3 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-4 {
    font-size: calc(4 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-5 {
    font-size: calc(5 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-6 {
    font-size: calc(6 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-7 {
    font-size: calc(7 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-8 {
    font-size: calc(8 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-9 {
    font-size: calc(9 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-10 {
    font-size: calc(10 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-11 {
    font-size: calc(11 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-12 {
    font-size: calc(12 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-13 {
    font-size: calc(13 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-14 {
    font-size: calc(14 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-15 {
    font-size: calc(15 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-16 {
    font-size: calc(16 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-17 {
    font-size: calc(17 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-18 {
    font-size: calc(18 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-19 {
    font-size: calc(19 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-20 {
    font-size: calc(20 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-21 {
    font-size: calc(21 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-22 {
    font-size: calc(22 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-23 {
    font-size: calc(23 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-24 {
    font-size: calc(24 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-25 {
    font-size: calc(25 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-26 {
    font-size: calc(26 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-27 {
    font-size: calc(27 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-28 {
    font-size: calc(28 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-29 {
    font-size: calc(29 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-30 {
    font-size: calc(30 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-31 {
    font-size: calc(31 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-32 {
    font-size: calc(32 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-33 {
    font-size: calc(33 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-34 {
    font-size: calc(34 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-35 {
    font-size: calc(35 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-36 {
    font-size: calc(36 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-37 {
    font-size: calc(37 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-38 {
    font-size: calc(38 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-39 {
    font-size: calc(39 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-40 {
    font-size: calc(40 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-41 {
    font-size: calc(41 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-42 {
    font-size: calc(42 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-43 {
    font-size: calc(43 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-44 {
    font-size: calc(44 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-45 {
    font-size: calc(45 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-46 {
    font-size: calc(46 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-47 {
    font-size: calc(47 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-48 {
    font-size: calc(48 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-49 {
    font-size: calc(49 / 750 * 100vw);
  }
}

@media print, screen and (max-width: 750px) {
  .u-fz-sp-50 {
    font-size: calc(50 / 750 * 100vw);
  }
}

.u-indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}

.u-indent-2 {
  text-indent: -2em;
  padding-left: 2em;
}

.u-indent-3 {
  text-indent: -3em;
  padding-left: 3em;
}

.u-indent-4 {
  text-indent: -4em;
  padding-left: 4em;
}

.u-indent-5 {
  text-indent: -5em;
  padding-left: 5em;
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-1 {
    width: 1%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-2 {
    width: 2%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-3 {
    width: 3%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-4 {
    width: 4%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-5 {
    width: 5%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-6 {
    width: 6%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-7 {
    width: 7%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-8 {
    width: 8%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-9 {
    width: 9%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-10 {
    width: 10%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-11 {
    width: 11%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-12 {
    width: 12%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-13 {
    width: 13%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-14 {
    width: 14%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-15 {
    width: 15%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-16 {
    width: 16%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-17 {
    width: 17%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-18 {
    width: 18%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-19 {
    width: 19%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-20 {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-21 {
    width: 21%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-22 {
    width: 22%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-23 {
    width: 23%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-24 {
    width: 24%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-25 {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-26 {
    width: 26%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-27 {
    width: 27%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-28 {
    width: 28%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-29 {
    width: 29%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-30 {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-31 {
    width: 31%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-32 {
    width: 32%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-33 {
    width: 33%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-34 {
    width: 34%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-35 {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-36 {
    width: 36%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-37 {
    width: 37%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-38 {
    width: 38%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-39 {
    width: 39%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-40 {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-41 {
    width: 41%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-42 {
    width: 42%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-43 {
    width: 43%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-44 {
    width: 44%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-45 {
    width: 45%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-46 {
    width: 46%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-47 {
    width: 47%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-48 {
    width: 48%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-49 {
    width: 49%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-50 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-51 {
    width: 51%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-52 {
    width: 52%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-53 {
    width: 53%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-54 {
    width: 54%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-55 {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-56 {
    width: 56%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-57 {
    width: 57%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-58 {
    width: 58%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-59 {
    width: 59%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-60 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-61 {
    width: 61%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-62 {
    width: 62%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-63 {
    width: 63%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-64 {
    width: 64%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-65 {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-66 {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-67 {
    width: 67%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-68 {
    width: 68%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-69 {
    width: 69%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-70 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-71 {
    width: 71%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-72 {
    width: 72%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-73 {
    width: 73%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-74 {
    width: 74%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-75 {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-76 {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-77 {
    width: 77%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-78 {
    width: 78%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-79 {
    width: 79%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-81 {
    width: 81%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-82 {
    width: 82%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-83 {
    width: 83%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-84 {
    width: 84%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-85 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-86 {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-87 {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-88 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-89 {
    width: 89%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-91 {
    width: 91%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-92 {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-93 {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-94 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-95 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-96 {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-97 {
    width: 97%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-98 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-99 {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media print, screen and (max-width: 750px) {
  .u-wideperSp-100 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.l-topicpath.u-text--white li {
  color: rgba(256, 256, 256, 0.6);
}
.l-category-header-livlon {
  background: url(/livlon/origin/img/kv_bg_origin.png) no-repeat 50% 50%;
  background-size: cover;
  margin: 0 -20px 0;
}
.u-text--white .l-category-header__title {
  color: #fff;
}
.l-category-header__title--sub {
  display: block;
  font-size: 18px;
}
.u-text--white .l-category-header__lead {
  color: #fff;
}
.l-category-header__lead {
  max-width: 570px;
  margin: 30px auto 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 2;
}
.p-origin-mv {
  max-width: none;
  height: 590px;
  overflow: hidden;
  position: relative;
  margin: 0 -20px;
}
.p-origin-mv__text {
  position: absolute;
  top: 100px;
  left: 13.27434%;
  width: 490px;
  color: #fff;
}
.p-origin-mv__text-catch {
  font-size: clamp(30px, 4vw + 1rem, 45px);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 30px;
}
.p-origin-mv__text-sub {
  line-height: 2;
}

@media (max-width: 768px) {
  .l-category-header {
    background: none;
  }
  .u-text--white .l-category-header__title {
    color: #e60020;
  }
  .l-category-header-livlon .l-category-header__title:after {
    background: #ddd url(/livlon/origin/img/kv_bg_origin.png) no-repeat 100% 50%;
    background-size: cover;
  }
  .u-text--white .l-category-header__lead {
    color: #333;
  }
  .l-category-header__lead {
    margin: 30px 0;
  }
  .p-origin-mv {
    height: 470px;
  }
  .p-origin-mv__image {
    object-fit: cover;
    height: 100%;
  }
  .p-origin-mv__text {
    width: 67.6%;
    top: 80px;
    left: 7%;
  }
  .p-origin-mv__text-catch {
    font-size: clamp(20px, 4vw + 1rem, 30px);
    margin-bottom: 15px;
  }
  .p-origin-mv__text-sub {
    line-height: 2;
    font-size: 14px;
  }
}