@charset "UTF-8";
html {
  font-size: 62.5%;
  font-size: 10px;
}
@media screen and (max-width: 1240px) {
  html {
    font-size: 0.806vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.666vw;
  }
}

body {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  color: #575757;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  background: #fff;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 1.3rem;
    line-height: 1.92;
  }
}

*, h1, h2, h3, h4, h5, p {
  padding: 0;
  margin: 0;
  font-size: inherit;
}

h1, h2, h3, h4 {
  line-height: 1.5;
}

ul, li {
  list-style: none;
}

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

img {
  vertical-align: bottom;
  border: none;
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

p {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  p {
    margin-bottom: 1.3rem;
  }
}
p:last-child {
  margin-bottom: 0;
}

strong {
  font-weight: bold;
  font-size: 100%;
  color: #4a154b;
}

*:focus {
  outline: none;
}

html {
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}

*, ::before, ::after {
  box-sizing: inherit;
}

::before, ::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden], template {
  display: none;
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

input {
  border-radius: 0;
}

button, [type=button], [type=reset], [type=submit], [role=button] {
  cursor: pointer;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

button {
  overflow: visible;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button, select {
  text-transform: none;
}

button, input, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
} /*select{-moz-appearance:none;-webkit-appearance:none}*/
select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
}

audio, canvas, progress, video {
  display: inline-block;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

.c-inner {
  max-width: 128rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 4rem;
}
@media screen and (max-width: 768px) {
  .c-inner {
    padding: 0 2rem;
  }
}
.c-inner--full {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .c-inner--spfit {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-section {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .c-section {
    padding-top: 7.2rem;
    padding-bottom: 7.2rem;
  }
}

.c-section-head {
  margin-bottom: 4.8rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-section-head {
    margin-bottom: 2.4rem;
  }
}

.c-board-block {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 12rem;
}
@media screen and (max-width: 768px) {
  .c-board-block {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.c-board-block:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 6rem);
  height: 100%;
  top: 0;
  background: #f4ede4;
}
@media screen and (max-width: 1440px) {
  .c-board-block:before {
    width: calc(100% - 2rem);
  }
}
@media screen and (max-width: 768px) {
  .c-board-block:before {
    width: calc(100% - 1rem);
  }
}
.c-board-block--gray:before {
  background: #f0f0f0;
}
.c-board-block--left:before {
  left: 0;
  border-radius: 0 1rem 1rem 0;
}
.c-board-block--right:before {
  right: 0;
  border-radius: 1rem 0 0 1rem;
}
.c-board-block__contain {
  position: relative;
  z-index: 1;
}

.c-list-block {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .c-list-block {
    margin-top: 4rem;
  }
}
.c-list-block__item {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .c-list-block__item {
    margin-bottom: 1.2rem;
  }
}

.c-sheet {
  background: #fff;
  border-radius: 2rem;
  padding: 4rem 2.8rem;
}
@media screen and (max-width: 768px) {
  .c-sheet {
    padding: 2rem;
    border-radius: 1rem;
  }
}
.c-sheet__more {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding-left: 2.8rem;
  padding-right: 4rem;
  line-height: 4.4rem;
  color: #fff;
  background-image: url(../images/icon_arrow.svg);
  background-repeat: no-repeat;
  background-position: right 2rem center;
  border-top-left-radius: 2rem;
  background-color: #005cca;
}
@media screen and (max-width: 768px) {
  .c-sheet__more {
    padding-left: 1.6rem;
    padding-right: 2.4rem;
    font-size: 1rem;
    line-height: 2.8rem;
    background-position: right 1.2rem center;
    background-size: 0.6rem;
    border-top-left-radius: 1rem;
  }
}
.c-sheet--more {
  position: relative;
  display: block;
  padding-bottom: 4.4rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-sheet--more {
    padding-bottom: 2.4rem;
  }
}
.c-sheet--sm {
  padding: 2.4rem;
}
@media screen and (max-width: 768px) {
  .c-sheet--sm {
    padding: 2rem;
  }
}
.c-sheet--xs {
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  .c-sheet--xs {
    padding: 1.2rem;
  }
}
@media screen and (min-width: 769px) {
  .c-sheet--lg {
    padding: 4rem;
  }
}
.c-sheet--bd {
  border: 1px solid #e3eefe;
}
.c-sheet--gray {
  background: #f0f0f0;
}

.c-link {
  text-decoration: underline;
  color: #4a154b;
}
.c-row {
  display: flex;
  flex-wrap: wrap;
  margin: -1.6rem;
}
.c-row > .c-row__item {
  padding: 1.6rem;
  width: 100%;
}
.c-row > .c-row__item--1 {
  width: 8.3333333333%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--1-pc {
    width: 8.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--1-sp {
    width: 8.3333333333%;
  }
}
.c-row > .c-row__item--2 {
  width: 16.6666666667%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--2-pc {
    width: 16.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--2-sp {
    width: 16.6666666667%;
  }
}
.c-row > .c-row__item--3 {
  width: 25%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--3-pc {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--3-sp {
    width: 25%;
  }
}
.c-row > .c-row__item--4 {
  width: 33.3333333333%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--4-pc {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--4-sp {
    width: 33.3333333333%;
  }
}
.c-row > .c-row__item--5 {
  width: 41.6666666667%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--5-pc {
    width: 41.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--5-sp {
    width: 41.6666666667%;
  }
}
.c-row > .c-row__item--6 {
  width: 50%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--6-pc {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--6-sp {
    width: 50%;
  }
}
.c-row > .c-row__item--7 {
  width: 58.3333333333%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--7-pc {
    width: 58.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--7-sp {
    width: 58.3333333333%;
  }
}
.c-row > .c-row__item--8 {
  width: 66.6666666667%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--8-pc {
    width: 66.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--8-sp {
    width: 66.6666666667%;
  }
}
.c-row > .c-row__item--9 {
  width: 75%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--9-pc {
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--9-sp {
    width: 75%;
  }
}
.c-row > .c-row__item--10 {
  width: 83.3333333333%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--10-pc {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--10-sp {
    width: 83.3333333333%;
  }
}
.c-row > .c-row__item--11 {
  width: 91.6666666667%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--11-pc {
    width: 91.6666666667%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--11-sp {
    width: 91.6666666667%;
  }
}
.c-row > .c-row__item--12 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--12-pc {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--12-sp {
    width: 100%;
  }
}
.c-row > .c-row__item--5th {
  width: 20%;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--5th-pc {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--5th-sp {
    width: 20%;
  }
}
.c-row > .c-row__item--auto {
  width: auto;
}
@media screen and (min-width: 769px) {
  .c-row > .c-row__item--auto-pc {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .c-row > .c-row__item--auto-sp {
    width: auto;
  }
}
.c-row--thin {
  margin: -0.8rem;
}
.c-row--thin > .c-row__item {
  padding: 0.8rem;
}
@media screen and (min-width: 769px) {
  .c-row--thin-pc {
    margin: -0.8rem;
  }
}
@media screen and (min-width: 769px) {
  .c-row--thin-pc > .c-row__item {
    padding: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-row--thin-sp {
    margin: -0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .c-row--thin-sp > .c-row__item {
    padding: 0.8rem;
  }
}
@media screen and (min-width: 769px) {
  .c-row--wide {
    margin: -2rem;
    margin: -2rem;
  }
  .c-row--wide > .c-row__item {
    padding: 2rem;
  }
  .c-row--wide > .c-row__item {
    padding: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .c-row--wide-sp {
    margin: -2rem;
    margin: -2rem;
  }
  .c-row--wide-sp > .c-row__item {
    padding: 2rem;
  }
  .c-row--wide-sp > .c-row__item {
    padding: 2rem;
  }
}
.c-row--center {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-row--center-sp {
    justify-content: center;
  }
}
.c-row--end {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .c-row--end-sp {
    justify-content: flex-end;
  }
}
.c-row--align-center {
  align-items: center;
}
.c-row--align-end {
  align-items: flex-end;
}
.c-row--reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 769px) {
  .c-row--reverse-pc {
    flex-direction: row-reverse;
  }
}

.c-ttl-section {
  margin-bottom: 4rem;
  color: #4a154b;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-ttl-section {
    margin-bottom: 2.4rem;
  }
}
.c-ttl-section__sub, .c-ttl-section__main {
  display: block;
}
.c-ttl-section__sub {
  font-size: 2rem;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-ttl-section__sub {
    font-size: 1.3rem;
  }
}
.c-ttl-section__main {
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-ttl-section__main {
    font-size: 2.8rem;
  }
}

.c-ttl-left-bd {
  position: relative;
  margin-bottom: 2.8rem;
  padding-left: 2.6rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
.c-ttl-left-bd:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-ttl-left-bd {
    margin-bottom: 1.2rem;
    padding-left: 1.2rem;
    font-size: 1.5rem;
  }
}
.c-ttl-left-bd:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.6rem;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0.4rem;
  background: #4a154b;
}
@media screen and (max-width: 768px) {
  .c-ttl-left-bd:before {
    width: 0.3rem;
  }
}
.c-ttl-left-bd--corp:before {
  background: #005cca;
}

.c-ttl-lg {
  margin-bottom: 6rem;
  font-size: 4rem;
  font-weight: bold;
  color: #005cca;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-ttl-lg {
    margin-bottom: 2.8rem;
    font-size: 2.8rem;
  }
}
.c-ttl-lg__sm {
  display: block;
  font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
  .c-ttl-lg__sm {
    font-size: 1.9rem;
  }
}

.c-fz-md {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .c-fz-md {
    font-size: 1.5rem;
  }
}

.c-fz-xs {
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .c-fz-xs {
    font-size: 1rem;
  }
}

.c-btn-wrap {
  text-align: center;
  margin-top: 3.2rem;
}
@media screen and (max-width: 768px) {
  .c-btn-wrap {
    margin-top: 2rem;
  }
}

.c-btn {
  display: inline-block;
  width: 40rem;
  max-width: 100%;
  padding: 2.4rem;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.25;
  background: #005cca;
  color: #fff;
  border-radius: 1rem;
  vertical-align: middle;
  transition: 0.3s;
}
.c-btn:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .c-btn {
    width: 24rem;
    padding: 1.6rem;
    font-size: 1.8rem;
    border-radius: 0.5rem;
  }
}
.c-btn--inpage {
  padding: 3.2rem 6.4rem 3.2rem 4rem;
  font-size: 1.8rem;
  background: #4a154b url(../images/icon_arrow_btm.svg) no-repeat right 4rem center/2.4rem;
}

.c-list {
  line-height: 1.75;
}
.c-list__item {
  position: relative;
  margin-bottom: 2rem;
  padding-left: 2.4rem;
}
.c-list__item:before {
  content: "";
  display: block;
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  top: 1rem;
  left: 0;
  border-radius: 50%;
  background: #d1d1d1;
}
@media screen and (max-width: 768px) {
  .c-list__item:before {
    top: 0.6rem;
  }
}
.c-list--num {
  counter-reset: number 0;
}
.c-list--num .c-list__item:before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero);
  width: auto;
  height: auto;
  margin-top: -0.6rem;
  background: none;
  font-size: 2.2rem;
  font-style: italic;
}

.l-if_noscript {
  background: #f00;
  color: #fff;
  text-align: center;
  font-size: 2rem;
  line-height: 2;
}

.l-skip-link {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}

.l-wrapper,
.l-main,
.l-header,
.l-footer {
  position: relative;
}

.l-wrapper {
  z-index: 0;
}

.l-main {
  z-index: 1;
}

.l-header {
  z-index: 10;
}

.l-footer {
  z-index: 3;
}

.is-menu-opened .l-wrapper {
  pointer-events: none;
}
.is-menu-opened .l-header {
  pointer-events: auto;
}

.l-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  transition: 0.2s;
}
@media screen and (max-width: 768px) {
  .l-header {
    background: rgba(255, 255, 255, 0);
  }
  .is-scroll .l-header {
    background: rgb(255, 255, 255);
  }
}
.l-header__contain {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 8rem;
}
@media screen and (min-width: 769px) {
  .l-header__contain {
    padding-left: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .l-header__contain {
    height: 4.8rem;
    padding-left: 1.6rem;
  }
}
.l-header__logo {
  line-height: 1;
  margin-bottom: 0;
}
.l-header__logo a {
  display: block;
  transition: 0.3s;
}
.l-header__logo a:hover {
  opacity: 0.6;
}
.l-header__logo a img {
  width: 14rem;
}
@media screen and (max-width: 768px) {
  .l-header__logo a img {
    width: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .l-nav {
    width: 100%;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    line-height: 1;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    pointer-events: none;
    transition: 0.3s;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
  }
  .is-menu-opened .l-nav {
    opacity: 1;
    pointer-events: auto;
  }
}
.l-nav__menu {
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-nav__menu {
    margin-bottom: 10vh;
  }
}
.l-nav__anc {
  display: block;
  transition: 0.2s;
  transition: 0.3s;
}
.l-nav__anc:hover {
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  .l-nav__anc {
    padding: 0 2.4rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .l-nav__anc {
    padding: 1.2rem 0;
    font-size: 2rem;
  }
}
.l-nav__anc--contact {
  font-weight: bold;
  color: #fff;
  background: #005cca;
}
@media screen and (min-width: 769px) {
  .l-nav__anc--contact {
    margin-left: 2.4rem;
    padding: 0 4rem;
    border-bottom-left-radius: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .l-nav__anc--contact {
    margin-top: 2.4rem;
    width: 24rem;
    padding: 1.6rem;
    font-size: 1.8rem;
    border-radius: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .l-nav__child {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .l-nav__child {
    font-size: 1.3rem;
  }
}
.l-nav__child-anc {
  display: block;
  padding: 1.2rem 0;
}
@media screen and (min-width: 769px) {
  .l-nav {
    height: 100%;
  }
  .l-nav__menu, .l-nav__anc, .l-nav__item {
    display: flex;
    align-items: center;
    height: 100%;
  }
}

.l-nav-btn {
  position: relative;
  width: 5.2rem;
  height: 4.8rem;
  border-bottom-left-radius: 0.5rem;
  margin: 0;
  z-index: 10;
  cursor: pointer;
  background: #005cca;
  transition: 0.3s;
}
@media screen and (min-width: 769px) {
  .l-nav-btn {
    display: none;
  }
}
.l-nav-btn__bar {
  position: absolute;
  display: block;
  width: 2.4rem;
  top: 50%;
  left: calc(50% - 1.2rem);
  transition: 0.3s ease;
}
.l-nav-btn__bar:before, .l-nav-btn__bar:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.3rem;
  background: #fff;
  border-radius: 1rem;
  transition: 0.3s ease;
}
.l-nav-btn__bar:before {
  top: -0.4rem;
}
.l-nav-btn__bar:after {
  top: 0.4rem;
}
.is-menu-opened .l-nav-btn__bar {
  background: transparent;
}
.is-menu-opened .l-nav-btn__bar:before, .is-menu-opened .l-nav-btn__bar:after {
  top: 0;
}
.is-menu-opened .l-nav-btn__bar:before {
  transform: rotate(-45deg);
}
.is-menu-opened .l-nav-btn__bar:after {
  transform: rotate(45deg);
}

.l-main {
  padding-top: 8rem;
}
@media screen and (max-width: 768px) {
  .l-main {
    padding-top: 4.8rem;
  }
}
.l-main--index {
  background: url(../images/index/bg.png) no-repeat center top 8rem/192rem;
}
@media screen and (min-width: 1921px) {
  .l-main--index {
    background-size: 100%;
  }
}
@media screen and (max-width: 768px) {
  .l-main--index {
    background: url(../images/index/bg_sp.png) no-repeat top/100%;
  }
}
.l-main--slack {
  background: url(../images/slack/bg.png) no-repeat center top 8rem/192rem;
}
@media screen and (min-width: 1921px) {
  .l-main--slack {
    background-size: 100%;
  }
}
@media screen and (max-width: 768px) {
  .l-main--slack {
    background: url(../images/slack/bg_sp.png) no-repeat top/100%;
  }
}

.l-footer {
  padding: 4rem 0 2.4rem;
  text-align: center;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding: 2rem 0;
  }
}
.l-footer__small {
  display: block;
}
@media screen and (max-width: 768px) {
  .l-footer__small {
    margin-top: 2rem;
  }
}

.p-index-about {
  padding-top: 6rem;
}
.p-index-about__fv {
  position: relative;
  z-index: 1;
  text-align: center;
}
.p-index-about__fv-ttl {
  margin-bottom: 6rem;
  font-size: 4.8rem;
  font-weight: bold;
  line-height: 1.5;
  color: #13437d;
}
@media screen and (max-width: 768px) {
  .p-index-about__fv-ttl {
    margin-bottom: 4rem;
    font-size: 2.4rem;
  }
}
.p-index-about__fv-img {
  margin-bottom: -3.6rem;
}
@media screen and (min-width: 769px) {
  .p-index-about__fv-img {
    width: 78%;
    margin: 0 auto -3.6rem;
  }
}

@media screen and (max-width: 768px) {
  .p-index-family {
    margin-top: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .p-index-family__item {
    margin-bottom: 2.4rem;
  }
  .p-index-family__item:last-child {
    margin-bottom: 0;
  }
}
.p-index-family__card {
  height: 100%;
  padding-bottom: 6.4rem;
  transition: 0.3s;
}
.p-index-family__card:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .p-index-family__card {
    padding-bottom: 3.6rem;
  }
}
.p-index-family__head {
  text-align: center;
  margin-bottom: 1.6rem;
}
.p-index-family__head-icon {
  display: inline-block;
  min-width: 20rem;
  margin-bottom: 0.8rem;
  padding: 0.4rem 2rem;
  line-height: 1;
  color: #fff;
  border-radius: 4rem;
}
@media screen and (max-width: 768px) {
  .p-index-family__head-icon {
    min-width: 12.4rem;
    font-size: 1rem;
  }
}
.p-index-family__item--crm .p-index-family__head-icon {
  background: #0eb9e0;
}
.p-index-family__item--ana .p-index-family__head-icon {
  background: #ef4926;
}
.p-index-family__item--int .p-index-family__head-icon {
  background: #9bc53b;
}
.p-index-family__item--comu .p-index-family__head-icon {
  background: #f9be1e;
}
.p-index-family__head-ttl {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-index-family__head-ttl {
    font-size: 2rem;
  }
}
.p-index-family__item--crm .p-index-family__head-ttl {
  color: #2693c9;
}
.p-index-family__item--ana .p-index-family__head-ttl {
  color: #15589f;
}
.p-index-family__item--int .p-index-family__head-ttl {
  color: #112f57;
}
.p-index-family__item--comu .p-index-family__head-ttl {
  color: #462952;
}
.p-index-family__img {
  margin-bottom: 1.2rem;
  padding: 0 2rem;
}
@media screen and (max-width: 768px) {
  .p-index-family__img {
    padding: 0 3.2rem;
  }
}
.p-index-family__item--crm .p-index-family__more {
  background-color: #0eb9e0;
}
.p-index-family__item--ana .p-index-family__more {
  background-color: #ef4926;
}
.p-index-family__item--int .p-index-family__more {
  background-color: #9bc53b;
}
.p-index-family__item--comu .p-index-family__more {
  background-color: #f9be1e;
}
@media screen and (min-width: 769px) {
  .p-index-family {
    display: flex;
    flex-wrap: wrap;
    margin: 3.2rem -2rem -1.2rem;
  }
  .p-index-family__item {
    width: 50%;
    padding: 1.2rem 2rem;
  }
}

.p-index-service-card {
  height: 100%;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  text-align: center;
}
.p-index-service-card__head {
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .p-index-service-card__head {
    margin-bottom: 1.2rem;
  }
}
.p-index-service-card--1 .p-index-service-card__head {
  color: #2693c9;
}
.p-index-service-card--2 .p-index-service-card__head {
  color: #15589f;
}
.p-index-service-card--3 .p-index-service-card__head {
  color: #112f57;
}
.p-index-service-card__head-main, .p-index-service-card__head-sub {
  display: block;
}
.p-index-service-card__head-main {
  font-size: 2.8rem;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .p-index-service-card__head-main {
    font-size: 1.9rem;
  }
}
.p-index-service-card__head-sub {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-index-service-card__head-sub {
    font-size: 1rem;
  }
}

a.p-index-service-card {
  transition: 0.3s;
}
a.p-index-service-card:hover {
  opacity: 0.6;
}

.p-index-usecase {
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .p-index-usecase {
    margin-bottom: 1.2rem;
  }
}
.p-index-usecase:last-child {
  margin-bottom: 0;
}
.p-index-usecase__flag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1.6rem 2rem;
  border-bottom-right-radius: 2rem;
  background: #005cca;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__flag {
    padding: 1rem 1.2rem;
    border-bottom-right-radius: 1rem;
  }
}
.p-index-usecase__flag img {
  width: 4.8rem;
  line-height: 0;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__flag img {
    width: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .p-index-usecase__contain-head {
    margin-bottom: 2.4rem;
  }
}
.p-index-usecase__flow-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-index-usecase__flow-img {
  width: 39%;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__flow-img {
    width: 10rem;
  }
}
.p-index-usecase__flow-txt {
  width: calc(61% - 1.6rem);
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__flow-txt {
    width: calc(100% - 10.8rem);
    font-size: 1rem;
    line-height: 1.2;
  }
}
.p-index-usecase__ttl {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__ttl {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
  }
}
.p-index-usecase__efficacy {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__efficacy {
    margin-bottom: 0.8rem;
  }
}
.p-index-usecase__efficacy-head {
  margin-bottom: 1.6rem;
  font-size: 2rem;
  color: #005cca;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__efficacy-head {
    font-size: 1rem;
  }
}
.p-index-usecase__efficacy-head:after {
  content: "";
  display: block;
  width: 7.2rem;
  height: 2px;
  background: #005cca;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__efficacy-head:after {
    width: 3.6rem;
    height: 1px;
  }
}
.p-index-usecase__efficacy-body {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-index-usecase__efficacy-body {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .p-index-usecase__txt {
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 769px) {
  .p-index-usecase__contain {
    display: flex;
    justify-content: space-between;
  }
  .p-index-usecase__contain-head, .p-index-usecase__contain-body {
    width: calc(50% - 1.6rem);
  }
}

.p-slack-about {
  overflow: hidden;
}
.p-slack-about__intro {
  display: flex;
}
.p-slack-about__intro-img {
  position: relative;
}
.p-slack-about__intro-img:before {
  content: "";
  display: block;
  position: absolute;
  width: 108%;
  height: 100%;
  left: 50%;
  bottom: -8%;
  pointer-events: none;
  background: url(../images/slack/about_intro_human.png) no-repeat center bottom/contain;
  z-index: 1;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-slack-about__intro-cts {
    margin-bottom: 1.6rem;
  }
}
.p-slack-about__intro-ttl {
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 769px) {
  .p-slack-about__intro-ttl {
    width: 32rem;
  }
}
@media screen and (max-width: 768px) {
  .p-slack-about__intro-ttl {
    width: 16.8rem;
    margin: 0 auto 1.2rem;
  }
}
.p-slack-about__intro-txt {
  font-size: 2.4rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .p-slack-about__intro-txt {
    font-size: 1.7rem;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .p-slack-about__intro {
    align-items: flex-end;
    justify-content: space-between;
  }
  .p-slack-about__intro-img {
    width: 50%;
  }
  .p-slack-about__intro-cts {
    width: calc(50% - 5.2rem);
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .p-slack-about__intro {
    flex-direction: column;
    padding-top: 2rem;
  }
  .p-slack-about__intro-img {
    order: 2;
  }
}
@media screen and (min-width: 769px) {
  .p-slack-about .c-board-block {
    padding-bottom: 0;
  }
  .p-slack-about .c-board-block:before {
    height: calc(100% - 6.4rem);
  }
}
@media screen and (max-width: 768px) {
  .p-slack-about__btns {
    display: none;
  }
}

.p-slack-solution-cts {
  margin-bottom: 6.8rem;
}
@media screen and (max-width: 768px) {
  .p-slack-solution-cts {
    margin-bottom: 4.8rem;
  }
}
.p-slack-solution-cts:last-child {
  margin-bottom: 0;
}
.p-slack-solution-cts__ttl {
  margin-bottom: 4rem;
  padding: 1.2rem;
  background: #4a154b;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  border-radius: 4rem;
}
@media screen and (max-width: 768px) {
  .p-slack-solution-cts__ttl {
    margin-bottom: 2.8rem;
    padding: 0.8rem;
    font-size: 1.8rem;
  }
}
.p-slack-solution-cts__ttl--primary {
  background: #ecb22d;
}
.p-slack-solution-cts__ttl--secondary {
  background: #2eb67c;
}
.p-slack-solution-cts__body {
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-slack-solution-cts__body {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 768px) {
  .p-slack-solution-cts__data {
    text-align: center;
  }
}
.p-slack-solution-cts__data-img {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 768px) {
  .p-slack-solution-cts__data-img {
    margin-bottom: 0.8rem;
  }
  .p-slack-solution-cts__data-img img {
    width: 22rem;
  }
}
.p-slack-solution-cts__data-txt {
  font-size: 1.2rem;
  color: #a2a2a2;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .p-slack-solution-cts__data-txt {
    font-size: 1rem;
  }
}
.p-slack-solution-cts__lead {
  margin-bottom: 2.8rem;
  line-height: 1.75;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .p-slack-solution-cts__lead {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
  }
}
@media screen and (min-width: 769px) {
  .p-slack-solution-cts__body {
    justify-content: space-between;
  }
  .p-slack-solution-cts__data {
    width: 36rem;
  }
  .p-slack-solution-cts__main {
    width: calc(100% - 40rem);
  }
}

.p-slack-function-points {
  margin: 4rem 0 3.6rem;
}
@media screen and (min-width: 769px) {
  .p-slack-function-points {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-slack-function-points {
    margin: 1.6rem 0 2.8rem;
  }
}
.p-slack-function-points__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 2;
  min-height: 10.2rem;
  margin: 0 1rem;
  padding: 2rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 10.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-slack-function-points__item {
    min-height: 5.2rem;
    margin: 0 0 1rem;
    padding: 0.8rem;
    font-size: 1.5rem;
  }
  .p-slack-function-points__item:last-child {
    margin-bottom: 0;
  }
}
.p-slack-function-points__item--1 {
  background: #34c5f0;
}
.p-slack-function-points__item--2 {
  background: #2fb67c;
}
.p-slack-function-points__item--3 {
  background: #ecb22d;
}
.p-slack-function-points__item--4 {
  background: #df1d59;
}

.p-price-table {
  margin-bottom: 8rem;
}
@media screen and (max-width: 768px) {
  .p-price-table {
    margin-bottom: 6rem;
  }
}
.p-price-table__btns {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.6rem 2.4rem;
}
@media screen and (min-width: 769px) {
  .p-price-table__btns {
    display: none;
  }
}
.p-price-table__btns-item {
  width: 50%;
  padding: 0.4rem 0.6rem;
}
.p-price-table__row {
  display: flex;
  align-items: center;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
  .p-price-table__row {
    justify-content: flex-end;
    margin-bottom: 0.2rem;
  }
}
.p-price-table__row--head {
  margin-bottom: 1rem;
  padding-left: calc(100% - 93.6rem);
}
@media screen and (max-width: 768px) {
  .p-price-table__row--head {
    margin-bottom: 0.4rem;
    padding-left: 16rem;
  }
}
.p-price-table__btn, .p-price-table__sheet {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0.8rem;
  text-align: center;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .p-price-table__btn, .p-price-table__sheet {
    min-height: 3.2rem;
    padding: 0.4rem;
    font-size: 1.5rem;
    border-radius: 0.5rem;
  }
}
.p-price-table__btn {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .p-price-table__btn {
    min-height: 6.4rem;
  }
}
@media screen and (max-width: 768px) {
  .p-price-table__btn {
    font-size: 1.5rem;
  }
}
.p-price-table__btn--free {
  background: #34c5f0;
}
.p-price-table__btn--pro {
  background: #2fb67c;
}
.p-price-table__btn--plus {
  background: #ecb22d;
}
.p-price-table__btn--enterprise {
  background: #df1d59;
}
.p-price-table__sheet {
  line-height: 1.25;
}
@media screen and (min-width: 769px) {
  .p-price-table__sheet {
    min-height: 5.6rem;
  }
}
.p-price-table__sheet--free {
  background: #dcf6fd;
}
.p-price-table__sheet--pro {
  background: #dafdee;
}
.p-price-table__sheet--plus {
  background: #fff3d9;
}
.p-price-table__sheet--enterprise {
  background: #fedde7;
}
.p-price-table__sheet--lg {
  min-height: 7.6rem;
}
@media screen and (max-width: 768px) {
  .p-price-table__sheet--lg {
    min-height: 4rem;
  }
}
.p-price-table__ttl {
  font-weight: bold;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .p-price-table__ttl {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 768px) {
  .p-price-table__txt {
    font-size: 1.2rem;
  }
}
.p-price-table__txt--price {
  font-size: 4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-price-table__txt--price {
    font-size: 2.4rem;
  }
}
.p-price-table__txt--lg {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-price-table__txt--lg {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 769px) {
  .p-price-table__icon--ng {
    font-size: 1.8rem;
    font-weight: bold;
  }
}
.p-price-table__icon--ok img {
  width: 1.8rem;
}
.p-price-table__cell {
  width: 22.4rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .p-price-table__cell {
    width: 15rem;
  }
}
.p-price-table__cell--th {
  width: calc(100% - 93.6rem);
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .p-price-table__cell--th {
    width: calc(100% - 16rem);
  }
}
@media screen and (max-width: 768px) {
  .p-price-table__cell--spswitch {
    display: none;
  }
  .p-price-table__cell--spswitch.is-active {
    display: block;
  }
}

.p-slack-guidance-case {
  position: relative;
  margin-top: 8rem;
  padding: 4.8rem 2.4rem 3.2rem;
  border: 0.4rem solid #005cca;
  border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
  .p-slack-guidance-case {
    margin-top: 4.8rem;
    padding: 3.2rem 1.2rem 2rem;
    border-radius: 0.25rem;
  }
}
.p-slack-guidance-case__ttl {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1.2rem;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  background: #005cca;
  color: #fff;
  border-radius: 4rem;
}
@media screen and (min-width: 769px) {
  .p-slack-guidance-case__ttl {
    min-width: 72rem;
  }
}
@media screen and (max-width: 768px) {
  .p-slack-guidance-case__ttl {
    min-width: 24rem;
    padding: 0.8rem;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 769px) {
  .p-slack-guidance-case__contain {
    display: flex;
  }
  .p-slack-guidance-case__item {
    width: 50rem;
  }
  .p-slack-guidance-case__item--hub {
    width: calc(100% - 100rem);
    padding: 0 1.2rem;
    align-self: center;
  }
  .p-slack-guidance-case__item .c-sheet {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-slack-guidance-case__item--hub {
    width: 10.8rem;
    margin: 2rem auto;
  }
}

.p-faq-list {
  color: #000;
}
.p-faq-list__item {
  margin-bottom: 2rem;
  border: 0.2rem solid #f4ede4;
  border-radius: 2rem;
}
@media screen and (max-width: 768px) {
  .p-faq-list__item {
    margin-bottom: 1rem;
    border-radius: 1rem;
  }
}
.p-faq-list__item:last-child {
  margin-bottom: 0;
}
.p-faq-list__q, .p-faq-list__a {
  position: relative;
}
.p-faq-list__q {
  padding: 1.4rem 7.2rem 1.4rem 6rem;
  background: url(../images/faq_q.png) no-repeat left 2rem center/2rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .p-faq-list__q {
    padding: 1.2rem 4.8rem 1.2rem 2.8rem;
    font-size: 1.5rem;
    background: url(../images/faq_q.png) no-repeat left 0.8rem center/1.2rem;
  }
}
.p-faq-list__a {
  padding-left: 6rem;
  padding-right: 2rem;
  background: url(../images/faq_a.png) no-repeat left 2rem top 2rem/2rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  opacity: 0;
  transition: 0.2s, opacity 0.1s;
  transform: scaleY(0);
  transform-origin: top;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .p-faq-list__a {
    padding-left: 2.8rem;
    line-height: 1.75;
    background: url(../images/faq_a.png) no-repeat left 0.8rem top 1.6rem/1.2rem;
  }
}
.p-faq-list__a.is-active {
  opacity: 1;
  height: auto;
  transform: scaleY(1);
  pointer-events: auto;
}
.p-faq-list__a.is-active {
  padding-top: 1.6rem;
  padding-bottom: 2rem;
  border-top: 0.2rem solid #f4ede4;
}
@media screen and (max-width: 768px) {
  .p-faq-list__a.is-active {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
}
.p-faq-list__icon {
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  background: #4a154b;
  border-radius: 50%;
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-faq-list__icon {
    width: 2rem;
    height: 2rem;
    right: 1.2rem;
  }
}
.p-faq-list__icon:before, .p-faq-list__icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 0.2rem;
  background: #fff;
  transition: 0.2s;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .p-faq-list__icon:before, .p-faq-list__icon:after {
    width: 0.8rem;
    height: 0.15rem;
  }
}
.p-faq-list__icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.p-faq-list__q.is-active .p-faq-list__icon:after {
  transform: translate(-50%, -50%) rotate(0);
}

.p-slack-cta__contain {
  padding: 8rem 4rem;
  text-align: center;
  background: #e3eefe;
  border-radius: 2rem;
}
@media screen and (max-width: 768px) {
  .p-slack-cta__contain {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    border-radius: 1rem;
  }
}
.p-slack-cta--index .c-ttl-section__sub {
  color: #005cca;
}
.p-slack-cta--index .c-ttl-section__main {
  color: #575757;
}

@media print {
  @page {
    margin: 0;
    size: 210mm 297mm;
  }
  p a, code, pre {
    word-wrap: break-word;
  }
  /* 全体設定 */
  html {
    font-size: 2.5mm;
  }
  body {
    -webkit-print-color-adjust: exact;
    width: 1000px;
    zoom: 0.8;
  }
  .l-if_noscript,
  .l-skip-link,
  .l-header,
  .l-footer {
    display: none;
  }
  .c-row__item--1 {
    width: 8.3333333333% !important;
  }
  .c-row__item--1-pc {
    width: 8.3333333333% !important;
  }
  .c-row__item--1-sp {
    width: 8.3333333333% !important;
  }
  .c-row__item--2 {
    width: 16.6666666667% !important;
  }
  .c-row__item--2-pc {
    width: 16.6666666667% !important;
  }
  .c-row__item--2-sp {
    width: 16.6666666667% !important;
  }
  .c-row__item--3 {
    width: 25% !important;
  }
  .c-row__item--3-pc {
    width: 25% !important;
  }
  .c-row__item--3-sp {
    width: 25% !important;
  }
  .c-row__item--4 {
    width: 33.3333333333% !important;
  }
  .c-row__item--4-pc {
    width: 33.3333333333% !important;
  }
  .c-row__item--4-sp {
    width: 33.3333333333% !important;
  }
  .c-row__item--5 {
    width: 41.6666666667% !important;
  }
  .c-row__item--5-pc {
    width: 41.6666666667% !important;
  }
  .c-row__item--5-sp {
    width: 41.6666666667% !important;
  }
  .c-row__item--6 {
    width: 50% !important;
  }
  .c-row__item--6-pc {
    width: 50% !important;
  }
  .c-row__item--6-sp {
    width: 50% !important;
  }
  .c-row__item--7 {
    width: 58.3333333333% !important;
  }
  .c-row__item--7-pc {
    width: 58.3333333333% !important;
  }
  .c-row__item--7-sp {
    width: 58.3333333333% !important;
  }
  .c-row__item--8 {
    width: 66.6666666667% !important;
  }
  .c-row__item--8-pc {
    width: 66.6666666667% !important;
  }
  .c-row__item--8-sp {
    width: 66.6666666667% !important;
  }
  .c-row__item--9 {
    width: 75% !important;
  }
  .c-row__item--9-pc {
    width: 75% !important;
  }
  .c-row__item--9-sp {
    width: 75% !important;
  }
  .c-row__item--10 {
    width: 83.3333333333% !important;
  }
  .c-row__item--10-pc {
    width: 83.3333333333% !important;
  }
  .c-row__item--10-sp {
    width: 83.3333333333% !important;
  }
  .c-row__item--11 {
    width: 91.6666666667% !important;
  }
  .c-row__item--11-pc {
    width: 91.6666666667% !important;
  }
  .c-row__item--11-sp {
    width: 91.6666666667% !important;
  }
  .c-row__item--12 {
    width: 100% !important;
  }
  .c-row__item--12-pc {
    width: 100% !important;
  }
  .c-row__item--12-sp {
    width: 100% !important;
  }
  .c-board-block:before {
    width: calc(100% - 1rem);
  }
  .p-slack-about {
    overflow: visible;
  }
  .p-slack-about__intro-cts {
    margin-left: 4rem;
  }
  .p-slack-about__intro-ttl {
    width: 60%;
  }
  .p-slack-about__intro-img:before {
    content: none;
  }
  .p-slack-about .u-my-40--pc {
    margin: 4rem 0;
  }
  .p-slack-about .c-row__item--auto-pc {
    width: 30% !important;
  }
  .p-slack-solution-cts__data {
    width: 30%;
  }
  .p-slack-solution-cts__main {
    width: 70%;
    margin-left: 4rem;
  }
  .p-price-table__btns {
    display: none;
  }
  .p-price-table__cell--th {
    width: 20%;
  }
  .p-slack-guidance-case__contain {
    display: flex;
  }
  .p-slack-guidance-case__item {
    width: 44%;
  }
  .p-slack-guidance-case__item--hub {
    width: 12%;
    padding: 1rem;
  }
  .p-slack-function-points__item {
    min-height: 5.2rem;
    margin: 0 0 1rem;
    padding: 0.8rem;
    font-size: 1.5rem;
  }
  .p-slack-function-points__item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .u-pc-only {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .u-sp-only {
    display: none !important;
  }
}

.u-text-center {
  text-align: center !important;
}
@media screen and (min-width: 769px) {
  .u-text-center--pc {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .u-text-center--sp {
    text-align: center !important;
  }
}
.u-text-center iframe {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-text-left {
  text-align: left !important;
}
@media screen and (min-width: 769px) {
  .u-text-left--pc {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .u-text-left--sp {
    text-align: left !important;
  }
}

.u-text-right {
  text-align: right !important;
}
@media screen and (min-width: 769px) {
  .u-text-right--pc {
    text-align: right !important;
  }
}
@media screen and (max-width: 768px) {
  .u-text-right--sp {
    text-align: right !important;
  }
}

.u-ib {
  display: inline-block !important;
  vertical-align: middle;
}

.u-block {
  display: block !important;
}

.u-flex {
  display: flex;
}
.u-flex--wrap {
  flex-wrap: wrap;
}
.u-flex--jcsb {
  justify-content: space-between;
}
.u-flex--jcc {
  justify-content: center;
}

.u-lh-0 {
  line-height: 0 !important;
}

.u-lh-1 {
  line-height: 1 !important;
}

.u-lh-125 {
  line-height: 1.25 !important;
}

.u-lh-15 {
  line-height: 1.5 !important;
}

.u-lh-2 {
  line-height: 2 !important;
}

.u-posr {
  position: relative;
}

.u-round {
  border-radius: 50%;
}

.u-oh {
  overflow: hidden;
}

.u-z1 {
  z-index: 1;
}

.u-z2 {
  z-index: 2;
}

.u-z3 {
  z-index: 3;
}

.u-z4 {
  z-index: 4;
}

.u-z5 {
  z-index: 5;
}

.u-w100p {
  width: 100%;
}

.u-h100p {
  height: 100%;
}

.u-color-wh {
  color: #fff !important;
}

.u-color-bk {
  color: #000 !important;
}

.u-bg-wh {
  background: #fff !important;
}

.u-bg-bk {
  background: #000 !important;
}

.u-m-0 {
  margin: 0 !important;
}

.u-mt-0,
.u-my-0 {
  margin-top: 0 !important;
}

.u-mr-0,
.u-mx-0 {
  margin-right: 0 !important;
}

.u-mb-0,
.u-my-0 {
  margin-bottom: 0 !important;
}

.u-ml-0,
.u-mx-0 {
  margin-left: 0 !important;
}

@media screen and (max-width: 768px) {
  .u-m-0--sp {
    margin: 0 !important;
  }
  .u-mt-0--sp,
  .u-my-0--sp {
    margin-top: 0 !important;
  }
  .u-mr-0--sp,
  .u-mx-0--sp {
    margin-right: 0 !important;
  }
  .u-mb-0--sp,
  .u-my-0--sp {
    margin-bottom: 0 !important;
  }
  .u-ml-0--sp,
  .u-mx-0--sp {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-0--pc {
    margin: 0 !important;
  }
  .u-mt-0--pc,
  .u-my-0--pc {
    margin-top: 0 !important;
  }
  .u-mr-0--pc,
  .u-mx-0--pc {
    margin-right: 0 !important;
  }
  .u-mb-0--pc,
  .u-my-0--pc {
    margin-bottom: 0 !important;
  }
  .u-ml-0--pc,
  .u-mx-0--pc {
    margin-left: 0 !important;
  }
}
.u-m-4 {
  margin: 0.4rem !important;
}

.u-mt-4,
.u-my-4 {
  margin-top: 0.4rem !important;
}

.u-mr-4,
.u-mx-4 {
  margin-right: 0.4rem !important;
}

.u-mb-4,
.u-my-4 {
  margin-bottom: 0.4rem !important;
}

.u-ml-4,
.u-mx-4 {
  margin-left: 0.4rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-4--sp {
    margin: 0.4rem !important;
  }
  .u-mt-4--sp,
  .u-my-4--sp {
    margin-top: 0.4rem !important;
  }
  .u-mr-4--sp,
  .u-mx-4--sp {
    margin-right: 0.4rem !important;
  }
  .u-mb-4--sp,
  .u-my-4--sp {
    margin-bottom: 0.4rem !important;
  }
  .u-ml-4--sp,
  .u-mx-4--sp {
    margin-left: 0.4rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-4--pc {
    margin: 0.4rem !important;
  }
  .u-mt-4--pc,
  .u-my-4--pc {
    margin-top: 0.4rem !important;
  }
  .u-mr-4--pc,
  .u-mx-4--pc {
    margin-right: 0.4rem !important;
  }
  .u-mb-4--pc,
  .u-my-4--pc {
    margin-bottom: 0.4rem !important;
  }
  .u-ml-4--pc,
  .u-mx-4--pc {
    margin-left: 0.4rem !important;
  }
}
.u-m-8 {
  margin: 0.8rem !important;
}

.u-mt-8,
.u-my-8 {
  margin-top: 0.8rem !important;
}

.u-mr-8,
.u-mx-8 {
  margin-right: 0.8rem !important;
}

.u-mb-8,
.u-my-8 {
  margin-bottom: 0.8rem !important;
}

.u-ml-8,
.u-mx-8 {
  margin-left: 0.8rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-8--sp {
    margin: 0.8rem !important;
  }
  .u-mt-8--sp,
  .u-my-8--sp {
    margin-top: 0.8rem !important;
  }
  .u-mr-8--sp,
  .u-mx-8--sp {
    margin-right: 0.8rem !important;
  }
  .u-mb-8--sp,
  .u-my-8--sp {
    margin-bottom: 0.8rem !important;
  }
  .u-ml-8--sp,
  .u-mx-8--sp {
    margin-left: 0.8rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-8--pc {
    margin: 0.8rem !important;
  }
  .u-mt-8--pc,
  .u-my-8--pc {
    margin-top: 0.8rem !important;
  }
  .u-mr-8--pc,
  .u-mx-8--pc {
    margin-right: 0.8rem !important;
  }
  .u-mb-8--pc,
  .u-my-8--pc {
    margin-bottom: 0.8rem !important;
  }
  .u-ml-8--pc,
  .u-mx-8--pc {
    margin-left: 0.8rem !important;
  }
}
.u-m-12 {
  margin: 1.2rem !important;
}

.u-mt-12,
.u-my-12 {
  margin-top: 1.2rem !important;
}

.u-mr-12,
.u-mx-12 {
  margin-right: 1.2rem !important;
}

.u-mb-12,
.u-my-12 {
  margin-bottom: 1.2rem !important;
}

.u-ml-12,
.u-mx-12 {
  margin-left: 1.2rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-12--sp {
    margin: 1.2rem !important;
  }
  .u-mt-12--sp,
  .u-my-12--sp {
    margin-top: 1.2rem !important;
  }
  .u-mr-12--sp,
  .u-mx-12--sp {
    margin-right: 1.2rem !important;
  }
  .u-mb-12--sp,
  .u-my-12--sp {
    margin-bottom: 1.2rem !important;
  }
  .u-ml-12--sp,
  .u-mx-12--sp {
    margin-left: 1.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-12--pc {
    margin: 1.2rem !important;
  }
  .u-mt-12--pc,
  .u-my-12--pc {
    margin-top: 1.2rem !important;
  }
  .u-mr-12--pc,
  .u-mx-12--pc {
    margin-right: 1.2rem !important;
  }
  .u-mb-12--pc,
  .u-my-12--pc {
    margin-bottom: 1.2rem !important;
  }
  .u-ml-12--pc,
  .u-mx-12--pc {
    margin-left: 1.2rem !important;
  }
}
.u-m-16 {
  margin: 1.6rem !important;
}

.u-mt-16,
.u-my-16 {
  margin-top: 1.6rem !important;
}

.u-mr-16,
.u-mx-16 {
  margin-right: 1.6rem !important;
}

.u-mb-16,
.u-my-16 {
  margin-bottom: 1.6rem !important;
}

.u-ml-16,
.u-mx-16 {
  margin-left: 1.6rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-16--sp {
    margin: 1.6rem !important;
  }
  .u-mt-16--sp,
  .u-my-16--sp {
    margin-top: 1.6rem !important;
  }
  .u-mr-16--sp,
  .u-mx-16--sp {
    margin-right: 1.6rem !important;
  }
  .u-mb-16--sp,
  .u-my-16--sp {
    margin-bottom: 1.6rem !important;
  }
  .u-ml-16--sp,
  .u-mx-16--sp {
    margin-left: 1.6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-16--pc {
    margin: 1.6rem !important;
  }
  .u-mt-16--pc,
  .u-my-16--pc {
    margin-top: 1.6rem !important;
  }
  .u-mr-16--pc,
  .u-mx-16--pc {
    margin-right: 1.6rem !important;
  }
  .u-mb-16--pc,
  .u-my-16--pc {
    margin-bottom: 1.6rem !important;
  }
  .u-ml-16--pc,
  .u-mx-16--pc {
    margin-left: 1.6rem !important;
  }
}
.u-m-20 {
  margin: 2rem !important;
}

.u-mt-20,
.u-my-20 {
  margin-top: 2rem !important;
}

.u-mr-20,
.u-mx-20 {
  margin-right: 2rem !important;
}

.u-mb-20,
.u-my-20 {
  margin-bottom: 2rem !important;
}

.u-ml-20,
.u-mx-20 {
  margin-left: 2rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-20--sp {
    margin: 2rem !important;
  }
  .u-mt-20--sp,
  .u-my-20--sp {
    margin-top: 2rem !important;
  }
  .u-mr-20--sp,
  .u-mx-20--sp {
    margin-right: 2rem !important;
  }
  .u-mb-20--sp,
  .u-my-20--sp {
    margin-bottom: 2rem !important;
  }
  .u-ml-20--sp,
  .u-mx-20--sp {
    margin-left: 2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-20--pc {
    margin: 2rem !important;
  }
  .u-mt-20--pc,
  .u-my-20--pc {
    margin-top: 2rem !important;
  }
  .u-mr-20--pc,
  .u-mx-20--pc {
    margin-right: 2rem !important;
  }
  .u-mb-20--pc,
  .u-my-20--pc {
    margin-bottom: 2rem !important;
  }
  .u-ml-20--pc,
  .u-mx-20--pc {
    margin-left: 2rem !important;
  }
}
.u-m-24 {
  margin: 2.4rem !important;
}

.u-mt-24,
.u-my-24 {
  margin-top: 2.4rem !important;
}

.u-mr-24,
.u-mx-24 {
  margin-right: 2.4rem !important;
}

.u-mb-24,
.u-my-24 {
  margin-bottom: 2.4rem !important;
}

.u-ml-24,
.u-mx-24 {
  margin-left: 2.4rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-24--sp {
    margin: 2.4rem !important;
  }
  .u-mt-24--sp,
  .u-my-24--sp {
    margin-top: 2.4rem !important;
  }
  .u-mr-24--sp,
  .u-mx-24--sp {
    margin-right: 2.4rem !important;
  }
  .u-mb-24--sp,
  .u-my-24--sp {
    margin-bottom: 2.4rem !important;
  }
  .u-ml-24--sp,
  .u-mx-24--sp {
    margin-left: 2.4rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-24--pc {
    margin: 2.4rem !important;
  }
  .u-mt-24--pc,
  .u-my-24--pc {
    margin-top: 2.4rem !important;
  }
  .u-mr-24--pc,
  .u-mx-24--pc {
    margin-right: 2.4rem !important;
  }
  .u-mb-24--pc,
  .u-my-24--pc {
    margin-bottom: 2.4rem !important;
  }
  .u-ml-24--pc,
  .u-mx-24--pc {
    margin-left: 2.4rem !important;
  }
}
.u-m-28 {
  margin: 2.8rem !important;
}

.u-mt-28,
.u-my-28 {
  margin-top: 2.8rem !important;
}

.u-mr-28,
.u-mx-28 {
  margin-right: 2.8rem !important;
}

.u-mb-28,
.u-my-28 {
  margin-bottom: 2.8rem !important;
}

.u-ml-28,
.u-mx-28 {
  margin-left: 2.8rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-28--sp {
    margin: 2.8rem !important;
  }
  .u-mt-28--sp,
  .u-my-28--sp {
    margin-top: 2.8rem !important;
  }
  .u-mr-28--sp,
  .u-mx-28--sp {
    margin-right: 2.8rem !important;
  }
  .u-mb-28--sp,
  .u-my-28--sp {
    margin-bottom: 2.8rem !important;
  }
  .u-ml-28--sp,
  .u-mx-28--sp {
    margin-left: 2.8rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-28--pc {
    margin: 2.8rem !important;
  }
  .u-mt-28--pc,
  .u-my-28--pc {
    margin-top: 2.8rem !important;
  }
  .u-mr-28--pc,
  .u-mx-28--pc {
    margin-right: 2.8rem !important;
  }
  .u-mb-28--pc,
  .u-my-28--pc {
    margin-bottom: 2.8rem !important;
  }
  .u-ml-28--pc,
  .u-mx-28--pc {
    margin-left: 2.8rem !important;
  }
}
.u-m-32 {
  margin: 3.2rem !important;
}

.u-mt-32,
.u-my-32 {
  margin-top: 3.2rem !important;
}

.u-mr-32,
.u-mx-32 {
  margin-right: 3.2rem !important;
}

.u-mb-32,
.u-my-32 {
  margin-bottom: 3.2rem !important;
}

.u-ml-32,
.u-mx-32 {
  margin-left: 3.2rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-32--sp {
    margin: 3.2rem !important;
  }
  .u-mt-32--sp,
  .u-my-32--sp {
    margin-top: 3.2rem !important;
  }
  .u-mr-32--sp,
  .u-mx-32--sp {
    margin-right: 3.2rem !important;
  }
  .u-mb-32--sp,
  .u-my-32--sp {
    margin-bottom: 3.2rem !important;
  }
  .u-ml-32--sp,
  .u-mx-32--sp {
    margin-left: 3.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-32--pc {
    margin: 3.2rem !important;
  }
  .u-mt-32--pc,
  .u-my-32--pc {
    margin-top: 3.2rem !important;
  }
  .u-mr-32--pc,
  .u-mx-32--pc {
    margin-right: 3.2rem !important;
  }
  .u-mb-32--pc,
  .u-my-32--pc {
    margin-bottom: 3.2rem !important;
  }
  .u-ml-32--pc,
  .u-mx-32--pc {
    margin-left: 3.2rem !important;
  }
}
.u-m-36 {
  margin: 3.6rem !important;
}

.u-mt-36,
.u-my-36 {
  margin-top: 3.6rem !important;
}

.u-mr-36,
.u-mx-36 {
  margin-right: 3.6rem !important;
}

.u-mb-36,
.u-my-36 {
  margin-bottom: 3.6rem !important;
}

.u-ml-36,
.u-mx-36 {
  margin-left: 3.6rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-36--sp {
    margin: 3.6rem !important;
  }
  .u-mt-36--sp,
  .u-my-36--sp {
    margin-top: 3.6rem !important;
  }
  .u-mr-36--sp,
  .u-mx-36--sp {
    margin-right: 3.6rem !important;
  }
  .u-mb-36--sp,
  .u-my-36--sp {
    margin-bottom: 3.6rem !important;
  }
  .u-ml-36--sp,
  .u-mx-36--sp {
    margin-left: 3.6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-36--pc {
    margin: 3.6rem !important;
  }
  .u-mt-36--pc,
  .u-my-36--pc {
    margin-top: 3.6rem !important;
  }
  .u-mr-36--pc,
  .u-mx-36--pc {
    margin-right: 3.6rem !important;
  }
  .u-mb-36--pc,
  .u-my-36--pc {
    margin-bottom: 3.6rem !important;
  }
  .u-ml-36--pc,
  .u-mx-36--pc {
    margin-left: 3.6rem !important;
  }
}
.u-m-40 {
  margin: 4rem !important;
}

.u-mt-40,
.u-my-40 {
  margin-top: 4rem !important;
}

.u-mr-40,
.u-mx-40 {
  margin-right: 4rem !important;
}

.u-mb-40,
.u-my-40 {
  margin-bottom: 4rem !important;
}

.u-ml-40,
.u-mx-40 {
  margin-left: 4rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-40--sp {
    margin: 4rem !important;
  }
  .u-mt-40--sp,
  .u-my-40--sp {
    margin-top: 4rem !important;
  }
  .u-mr-40--sp,
  .u-mx-40--sp {
    margin-right: 4rem !important;
  }
  .u-mb-40--sp,
  .u-my-40--sp {
    margin-bottom: 4rem !important;
  }
  .u-ml-40--sp,
  .u-mx-40--sp {
    margin-left: 4rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-40--pc {
    margin: 4rem !important;
  }
  .u-mt-40--pc,
  .u-my-40--pc {
    margin-top: 4rem !important;
  }
  .u-mr-40--pc,
  .u-mx-40--pc {
    margin-right: 4rem !important;
  }
  .u-mb-40--pc,
  .u-my-40--pc {
    margin-bottom: 4rem !important;
  }
  .u-ml-40--pc,
  .u-mx-40--pc {
    margin-left: 4rem !important;
  }
}
.u-m-48 {
  margin: 4.8rem !important;
}

.u-mt-48,
.u-my-48 {
  margin-top: 4.8rem !important;
}

.u-mr-48,
.u-mx-48 {
  margin-right: 4.8rem !important;
}

.u-mb-48,
.u-my-48 {
  margin-bottom: 4.8rem !important;
}

.u-ml-48,
.u-mx-48 {
  margin-left: 4.8rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-48--sp {
    margin: 4.8rem !important;
  }
  .u-mt-48--sp,
  .u-my-48--sp {
    margin-top: 4.8rem !important;
  }
  .u-mr-48--sp,
  .u-mx-48--sp {
    margin-right: 4.8rem !important;
  }
  .u-mb-48--sp,
  .u-my-48--sp {
    margin-bottom: 4.8rem !important;
  }
  .u-ml-48--sp,
  .u-mx-48--sp {
    margin-left: 4.8rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-48--pc {
    margin: 4.8rem !important;
  }
  .u-mt-48--pc,
  .u-my-48--pc {
    margin-top: 4.8rem !important;
  }
  .u-mr-48--pc,
  .u-mx-48--pc {
    margin-right: 4.8rem !important;
  }
  .u-mb-48--pc,
  .u-my-48--pc {
    margin-bottom: 4.8rem !important;
  }
  .u-ml-48--pc,
  .u-mx-48--pc {
    margin-left: 4.8rem !important;
  }
}
.u-m-56 {
  margin: 5.6rem !important;
}

.u-mt-56,
.u-my-56 {
  margin-top: 5.6rem !important;
}

.u-mr-56,
.u-mx-56 {
  margin-right: 5.6rem !important;
}

.u-mb-56,
.u-my-56 {
  margin-bottom: 5.6rem !important;
}

.u-ml-56,
.u-mx-56 {
  margin-left: 5.6rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-56--sp {
    margin: 5.6rem !important;
  }
  .u-mt-56--sp,
  .u-my-56--sp {
    margin-top: 5.6rem !important;
  }
  .u-mr-56--sp,
  .u-mx-56--sp {
    margin-right: 5.6rem !important;
  }
  .u-mb-56--sp,
  .u-my-56--sp {
    margin-bottom: 5.6rem !important;
  }
  .u-ml-56--sp,
  .u-mx-56--sp {
    margin-left: 5.6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-56--pc {
    margin: 5.6rem !important;
  }
  .u-mt-56--pc,
  .u-my-56--pc {
    margin-top: 5.6rem !important;
  }
  .u-mr-56--pc,
  .u-mx-56--pc {
    margin-right: 5.6rem !important;
  }
  .u-mb-56--pc,
  .u-my-56--pc {
    margin-bottom: 5.6rem !important;
  }
  .u-ml-56--pc,
  .u-mx-56--pc {
    margin-left: 5.6rem !important;
  }
}
.u-m-60 {
  margin: 6rem !important;
}

.u-mt-60,
.u-my-60 {
  margin-top: 6rem !important;
}

.u-mr-60,
.u-mx-60 {
  margin-right: 6rem !important;
}

.u-mb-60,
.u-my-60 {
  margin-bottom: 6rem !important;
}

.u-ml-60,
.u-mx-60 {
  margin-left: 6rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-60--sp {
    margin: 6rem !important;
  }
  .u-mt-60--sp,
  .u-my-60--sp {
    margin-top: 6rem !important;
  }
  .u-mr-60--sp,
  .u-mx-60--sp {
    margin-right: 6rem !important;
  }
  .u-mb-60--sp,
  .u-my-60--sp {
    margin-bottom: 6rem !important;
  }
  .u-ml-60--sp,
  .u-mx-60--sp {
    margin-left: 6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-m-60--pc {
    margin: 6rem !important;
  }
  .u-mt-60--pc,
  .u-my-60--pc {
    margin-top: 6rem !important;
  }
  .u-mr-60--pc,
  .u-mx-60--pc {
    margin-right: 6rem !important;
  }
  .u-mb-60--pc,
  .u-my-60--pc {
    margin-bottom: 6rem !important;
  }
  .u-ml-60--pc,
  .u-mx-60--pc {
    margin-left: 6rem !important;
  }
}
.u-p-0 {
  padding: 0 !important;
}

.u-pt-0,
.u-py-0 {
  padding-top: 0 !important;
}

.u-pr-0,
.u-px-0 {
  padding-right: 0 !important;
}

.u-pb-0,
.u-py-0 {
  padding-bottom: 0 !important;
}

.u-pl-0,
.u-px-0 {
  padding-left: 0 !important;
}

@media screen and (max-width: 768px) {
  .u-p-0--sp {
    padding: 0 !important;
  }
  .u-pt-0--sp,
  .u-py-0--sp {
    padding-top: 0 !important;
  }
  .u-pr-0--sp,
  .u-px-0--sp {
    padding-right: 0 !important;
  }
  .u-pb-0--sp,
  .u-py-0--sp {
    padding-bottom: 0 !important;
  }
  .u-pl-0--sp,
  .u-px-0--sp {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-0--pc {
    padding: 0 !important;
  }
  .u-pt-0--pc,
  .u-py-0--pc {
    padding-top: 0 !important;
  }
  .u-pr-0--pc,
  .u-px-0--pc {
    padding-right: 0 !important;
  }
  .u-pb-0--pc,
  .u-py-0--pc {
    padding-bottom: 0 !important;
  }
  .u-pl-0--pc,
  .u-px-0--pc {
    padding-left: 0 !important;
  }
}
.u-p-4 {
  padding: 0.4rem !important;
}

.u-pt-4,
.u-py-4 {
  padding-top: 0.4rem !important;
}

.u-pr-4,
.u-px-4 {
  padding-right: 0.4rem !important;
}

.u-pb-4,
.u-py-4 {
  padding-bottom: 0.4rem !important;
}

.u-pl-4,
.u-px-4 {
  padding-left: 0.4rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-4--sp {
    padding: 0.4rem !important;
  }
  .u-pt-4--sp,
  .u-py-4--sp {
    padding-top: 0.4rem !important;
  }
  .u-pr-4--sp,
  .u-px-4--sp {
    padding-right: 0.4rem !important;
  }
  .u-pb-4--sp,
  .u-py-4--sp {
    padding-bottom: 0.4rem !important;
  }
  .u-pl-4--sp,
  .u-px-4--sp {
    padding-left: 0.4rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-4--pc {
    padding: 0.4rem !important;
  }
  .u-pt-4--pc,
  .u-py-4--pc {
    padding-top: 0.4rem !important;
  }
  .u-pr-4--pc,
  .u-px-4--pc {
    padding-right: 0.4rem !important;
  }
  .u-pb-4--pc,
  .u-py-4--pc {
    padding-bottom: 0.4rem !important;
  }
  .u-pl-4--pc,
  .u-px-4--pc {
    padding-left: 0.4rem !important;
  }
}
.u-p-8 {
  padding: 0.8rem !important;
}

.u-pt-8,
.u-py-8 {
  padding-top: 0.8rem !important;
}

.u-pr-8,
.u-px-8 {
  padding-right: 0.8rem !important;
}

.u-pb-8,
.u-py-8 {
  padding-bottom: 0.8rem !important;
}

.u-pl-8,
.u-px-8 {
  padding-left: 0.8rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-8--sp {
    padding: 0.8rem !important;
  }
  .u-pt-8--sp,
  .u-py-8--sp {
    padding-top: 0.8rem !important;
  }
  .u-pr-8--sp,
  .u-px-8--sp {
    padding-right: 0.8rem !important;
  }
  .u-pb-8--sp,
  .u-py-8--sp {
    padding-bottom: 0.8rem !important;
  }
  .u-pl-8--sp,
  .u-px-8--sp {
    padding-left: 0.8rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-8--pc {
    padding: 0.8rem !important;
  }
  .u-pt-8--pc,
  .u-py-8--pc {
    padding-top: 0.8rem !important;
  }
  .u-pr-8--pc,
  .u-px-8--pc {
    padding-right: 0.8rem !important;
  }
  .u-pb-8--pc,
  .u-py-8--pc {
    padding-bottom: 0.8rem !important;
  }
  .u-pl-8--pc,
  .u-px-8--pc {
    padding-left: 0.8rem !important;
  }
}
.u-p-12 {
  padding: 1.2rem !important;
}

.u-pt-12,
.u-py-12 {
  padding-top: 1.2rem !important;
}

.u-pr-12,
.u-px-12 {
  padding-right: 1.2rem !important;
}

.u-pb-12,
.u-py-12 {
  padding-bottom: 1.2rem !important;
}

.u-pl-12,
.u-px-12 {
  padding-left: 1.2rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-12--sp {
    padding: 1.2rem !important;
  }
  .u-pt-12--sp,
  .u-py-12--sp {
    padding-top: 1.2rem !important;
  }
  .u-pr-12--sp,
  .u-px-12--sp {
    padding-right: 1.2rem !important;
  }
  .u-pb-12--sp,
  .u-py-12--sp {
    padding-bottom: 1.2rem !important;
  }
  .u-pl-12--sp,
  .u-px-12--sp {
    padding-left: 1.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-12--pc {
    padding: 1.2rem !important;
  }
  .u-pt-12--pc,
  .u-py-12--pc {
    padding-top: 1.2rem !important;
  }
  .u-pr-12--pc,
  .u-px-12--pc {
    padding-right: 1.2rem !important;
  }
  .u-pb-12--pc,
  .u-py-12--pc {
    padding-bottom: 1.2rem !important;
  }
  .u-pl-12--pc,
  .u-px-12--pc {
    padding-left: 1.2rem !important;
  }
}
.u-p-16 {
  padding: 1.6rem !important;
}

.u-pt-16,
.u-py-16 {
  padding-top: 1.6rem !important;
}

.u-pr-16,
.u-px-16 {
  padding-right: 1.6rem !important;
}

.u-pb-16,
.u-py-16 {
  padding-bottom: 1.6rem !important;
}

.u-pl-16,
.u-px-16 {
  padding-left: 1.6rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-16--sp {
    padding: 1.6rem !important;
  }
  .u-pt-16--sp,
  .u-py-16--sp {
    padding-top: 1.6rem !important;
  }
  .u-pr-16--sp,
  .u-px-16--sp {
    padding-right: 1.6rem !important;
  }
  .u-pb-16--sp,
  .u-py-16--sp {
    padding-bottom: 1.6rem !important;
  }
  .u-pl-16--sp,
  .u-px-16--sp {
    padding-left: 1.6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-16--pc {
    padding: 1.6rem !important;
  }
  .u-pt-16--pc,
  .u-py-16--pc {
    padding-top: 1.6rem !important;
  }
  .u-pr-16--pc,
  .u-px-16--pc {
    padding-right: 1.6rem !important;
  }
  .u-pb-16--pc,
  .u-py-16--pc {
    padding-bottom: 1.6rem !important;
  }
  .u-pl-16--pc,
  .u-px-16--pc {
    padding-left: 1.6rem !important;
  }
}
.u-p-20 {
  padding: 2rem !important;
}

.u-pt-20,
.u-py-20 {
  padding-top: 2rem !important;
}

.u-pr-20,
.u-px-20 {
  padding-right: 2rem !important;
}

.u-pb-20,
.u-py-20 {
  padding-bottom: 2rem !important;
}

.u-pl-20,
.u-px-20 {
  padding-left: 2rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-20--sp {
    padding: 2rem !important;
  }
  .u-pt-20--sp,
  .u-py-20--sp {
    padding-top: 2rem !important;
  }
  .u-pr-20--sp,
  .u-px-20--sp {
    padding-right: 2rem !important;
  }
  .u-pb-20--sp,
  .u-py-20--sp {
    padding-bottom: 2rem !important;
  }
  .u-pl-20--sp,
  .u-px-20--sp {
    padding-left: 2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-20--pc {
    padding: 2rem !important;
  }
  .u-pt-20--pc,
  .u-py-20--pc {
    padding-top: 2rem !important;
  }
  .u-pr-20--pc,
  .u-px-20--pc {
    padding-right: 2rem !important;
  }
  .u-pb-20--pc,
  .u-py-20--pc {
    padding-bottom: 2rem !important;
  }
  .u-pl-20--pc,
  .u-px-20--pc {
    padding-left: 2rem !important;
  }
}
.u-p-24 {
  padding: 2.4rem !important;
}

.u-pt-24,
.u-py-24 {
  padding-top: 2.4rem !important;
}

.u-pr-24,
.u-px-24 {
  padding-right: 2.4rem !important;
}

.u-pb-24,
.u-py-24 {
  padding-bottom: 2.4rem !important;
}

.u-pl-24,
.u-px-24 {
  padding-left: 2.4rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-24--sp {
    padding: 2.4rem !important;
  }
  .u-pt-24--sp,
  .u-py-24--sp {
    padding-top: 2.4rem !important;
  }
  .u-pr-24--sp,
  .u-px-24--sp {
    padding-right: 2.4rem !important;
  }
  .u-pb-24--sp,
  .u-py-24--sp {
    padding-bottom: 2.4rem !important;
  }
  .u-pl-24--sp,
  .u-px-24--sp {
    padding-left: 2.4rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-24--pc {
    padding: 2.4rem !important;
  }
  .u-pt-24--pc,
  .u-py-24--pc {
    padding-top: 2.4rem !important;
  }
  .u-pr-24--pc,
  .u-px-24--pc {
    padding-right: 2.4rem !important;
  }
  .u-pb-24--pc,
  .u-py-24--pc {
    padding-bottom: 2.4rem !important;
  }
  .u-pl-24--pc,
  .u-px-24--pc {
    padding-left: 2.4rem !important;
  }
}
.u-p-28 {
  padding: 2.8rem !important;
}

.u-pt-28,
.u-py-28 {
  padding-top: 2.8rem !important;
}

.u-pr-28,
.u-px-28 {
  padding-right: 2.8rem !important;
}

.u-pb-28,
.u-py-28 {
  padding-bottom: 2.8rem !important;
}

.u-pl-28,
.u-px-28 {
  padding-left: 2.8rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-28--sp {
    padding: 2.8rem !important;
  }
  .u-pt-28--sp,
  .u-py-28--sp {
    padding-top: 2.8rem !important;
  }
  .u-pr-28--sp,
  .u-px-28--sp {
    padding-right: 2.8rem !important;
  }
  .u-pb-28--sp,
  .u-py-28--sp {
    padding-bottom: 2.8rem !important;
  }
  .u-pl-28--sp,
  .u-px-28--sp {
    padding-left: 2.8rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-28--pc {
    padding: 2.8rem !important;
  }
  .u-pt-28--pc,
  .u-py-28--pc {
    padding-top: 2.8rem !important;
  }
  .u-pr-28--pc,
  .u-px-28--pc {
    padding-right: 2.8rem !important;
  }
  .u-pb-28--pc,
  .u-py-28--pc {
    padding-bottom: 2.8rem !important;
  }
  .u-pl-28--pc,
  .u-px-28--pc {
    padding-left: 2.8rem !important;
  }
}
.u-p-32 {
  padding: 3.2rem !important;
}

.u-pt-32,
.u-py-32 {
  padding-top: 3.2rem !important;
}

.u-pr-32,
.u-px-32 {
  padding-right: 3.2rem !important;
}

.u-pb-32,
.u-py-32 {
  padding-bottom: 3.2rem !important;
}

.u-pl-32,
.u-px-32 {
  padding-left: 3.2rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-32--sp {
    padding: 3.2rem !important;
  }
  .u-pt-32--sp,
  .u-py-32--sp {
    padding-top: 3.2rem !important;
  }
  .u-pr-32--sp,
  .u-px-32--sp {
    padding-right: 3.2rem !important;
  }
  .u-pb-32--sp,
  .u-py-32--sp {
    padding-bottom: 3.2rem !important;
  }
  .u-pl-32--sp,
  .u-px-32--sp {
    padding-left: 3.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-32--pc {
    padding: 3.2rem !important;
  }
  .u-pt-32--pc,
  .u-py-32--pc {
    padding-top: 3.2rem !important;
  }
  .u-pr-32--pc,
  .u-px-32--pc {
    padding-right: 3.2rem !important;
  }
  .u-pb-32--pc,
  .u-py-32--pc {
    padding-bottom: 3.2rem !important;
  }
  .u-pl-32--pc,
  .u-px-32--pc {
    padding-left: 3.2rem !important;
  }
}
.u-p-36 {
  padding: 3.6rem !important;
}

.u-pt-36,
.u-py-36 {
  padding-top: 3.6rem !important;
}

.u-pr-36,
.u-px-36 {
  padding-right: 3.6rem !important;
}

.u-pb-36,
.u-py-36 {
  padding-bottom: 3.6rem !important;
}

.u-pl-36,
.u-px-36 {
  padding-left: 3.6rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-36--sp {
    padding: 3.6rem !important;
  }
  .u-pt-36--sp,
  .u-py-36--sp {
    padding-top: 3.6rem !important;
  }
  .u-pr-36--sp,
  .u-px-36--sp {
    padding-right: 3.6rem !important;
  }
  .u-pb-36--sp,
  .u-py-36--sp {
    padding-bottom: 3.6rem !important;
  }
  .u-pl-36--sp,
  .u-px-36--sp {
    padding-left: 3.6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-36--pc {
    padding: 3.6rem !important;
  }
  .u-pt-36--pc,
  .u-py-36--pc {
    padding-top: 3.6rem !important;
  }
  .u-pr-36--pc,
  .u-px-36--pc {
    padding-right: 3.6rem !important;
  }
  .u-pb-36--pc,
  .u-py-36--pc {
    padding-bottom: 3.6rem !important;
  }
  .u-pl-36--pc,
  .u-px-36--pc {
    padding-left: 3.6rem !important;
  }
}
.u-p-40 {
  padding: 4rem !important;
}

.u-pt-40,
.u-py-40 {
  padding-top: 4rem !important;
}

.u-pr-40,
.u-px-40 {
  padding-right: 4rem !important;
}

.u-pb-40,
.u-py-40 {
  padding-bottom: 4rem !important;
}

.u-pl-40,
.u-px-40 {
  padding-left: 4rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-40--sp {
    padding: 4rem !important;
  }
  .u-pt-40--sp,
  .u-py-40--sp {
    padding-top: 4rem !important;
  }
  .u-pr-40--sp,
  .u-px-40--sp {
    padding-right: 4rem !important;
  }
  .u-pb-40--sp,
  .u-py-40--sp {
    padding-bottom: 4rem !important;
  }
  .u-pl-40--sp,
  .u-px-40--sp {
    padding-left: 4rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-40--pc {
    padding: 4rem !important;
  }
  .u-pt-40--pc,
  .u-py-40--pc {
    padding-top: 4rem !important;
  }
  .u-pr-40--pc,
  .u-px-40--pc {
    padding-right: 4rem !important;
  }
  .u-pb-40--pc,
  .u-py-40--pc {
    padding-bottom: 4rem !important;
  }
  .u-pl-40--pc,
  .u-px-40--pc {
    padding-left: 4rem !important;
  }
}
.u-p-48 {
  padding: 4.8rem !important;
}

.u-pt-48,
.u-py-48 {
  padding-top: 4.8rem !important;
}

.u-pr-48,
.u-px-48 {
  padding-right: 4.8rem !important;
}

.u-pb-48,
.u-py-48 {
  padding-bottom: 4.8rem !important;
}

.u-pl-48,
.u-px-48 {
  padding-left: 4.8rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-48--sp {
    padding: 4.8rem !important;
  }
  .u-pt-48--sp,
  .u-py-48--sp {
    padding-top: 4.8rem !important;
  }
  .u-pr-48--sp,
  .u-px-48--sp {
    padding-right: 4.8rem !important;
  }
  .u-pb-48--sp,
  .u-py-48--sp {
    padding-bottom: 4.8rem !important;
  }
  .u-pl-48--sp,
  .u-px-48--sp {
    padding-left: 4.8rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-48--pc {
    padding: 4.8rem !important;
  }
  .u-pt-48--pc,
  .u-py-48--pc {
    padding-top: 4.8rem !important;
  }
  .u-pr-48--pc,
  .u-px-48--pc {
    padding-right: 4.8rem !important;
  }
  .u-pb-48--pc,
  .u-py-48--pc {
    padding-bottom: 4.8rem !important;
  }
  .u-pl-48--pc,
  .u-px-48--pc {
    padding-left: 4.8rem !important;
  }
}
.u-p-56 {
  padding: 5.6rem !important;
}

.u-pt-56,
.u-py-56 {
  padding-top: 5.6rem !important;
}

.u-pr-56,
.u-px-56 {
  padding-right: 5.6rem !important;
}

.u-pb-56,
.u-py-56 {
  padding-bottom: 5.6rem !important;
}

.u-pl-56,
.u-px-56 {
  padding-left: 5.6rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-56--sp {
    padding: 5.6rem !important;
  }
  .u-pt-56--sp,
  .u-py-56--sp {
    padding-top: 5.6rem !important;
  }
  .u-pr-56--sp,
  .u-px-56--sp {
    padding-right: 5.6rem !important;
  }
  .u-pb-56--sp,
  .u-py-56--sp {
    padding-bottom: 5.6rem !important;
  }
  .u-pl-56--sp,
  .u-px-56--sp {
    padding-left: 5.6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-56--pc {
    padding: 5.6rem !important;
  }
  .u-pt-56--pc,
  .u-py-56--pc {
    padding-top: 5.6rem !important;
  }
  .u-pr-56--pc,
  .u-px-56--pc {
    padding-right: 5.6rem !important;
  }
  .u-pb-56--pc,
  .u-py-56--pc {
    padding-bottom: 5.6rem !important;
  }
  .u-pl-56--pc,
  .u-px-56--pc {
    padding-left: 5.6rem !important;
  }
}
.u-p-60 {
  padding: 6rem !important;
}

.u-pt-60,
.u-py-60 {
  padding-top: 6rem !important;
}

.u-pr-60,
.u-px-60 {
  padding-right: 6rem !important;
}

.u-pb-60,
.u-py-60 {
  padding-bottom: 6rem !important;
}

.u-pl-60,
.u-px-60 {
  padding-left: 6rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-60--sp {
    padding: 6rem !important;
  }
  .u-pt-60--sp,
  .u-py-60--sp {
    padding-top: 6rem !important;
  }
  .u-pr-60--sp,
  .u-px-60--sp {
    padding-right: 6rem !important;
  }
  .u-pb-60--sp,
  .u-py-60--sp {
    padding-bottom: 6rem !important;
  }
  .u-pl-60--sp,
  .u-px-60--sp {
    padding-left: 6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-p-60--pc {
    padding: 6rem !important;
  }
  .u-pt-60--pc,
  .u-py-60--pc {
    padding-top: 6rem !important;
  }
  .u-pr-60--pc,
  .u-px-60--pc {
    padding-right: 6rem !important;
  }
  .u-pb-60--pc,
  .u-py-60--pc {
    padding-bottom: 6rem !important;
  }
  .u-pl-60--pc,
  .u-px-60--pc {
    padding-left: 6rem !important;
  }
}
.u-m-auto {
  margin: auto !important;
}

.u-mt-auto,
.u-my-auto {
  margin-top: auto !important;
}

.u-mr-auto,
.u-mx-auto {
  margin-right: auto !important;
}

.u-mb-auto,
.u-my-auto {
  margin-bottom: auto !important;
}

.u-ml-auto,
.u-mx-auto {
  margin-left: auto !important;
}

.u-font-goth {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}

.u-font-mincho {
  font-family: "Times New Roman", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.u-font-normal {
  font-weight: normal !important;
}

.u-font-bold {
  font-weight: bold !important;
}
@media screen and (max-width: 768px) {
  .u-font-bold--sp {
    font-weight: bold !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-bold--pc {
    font-weight: bold !important;
  }
}

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

@media screen and (max-width: 768px) {
  .u-font-10--sp {
    font-size: 1rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-10--pc {
    font-size: 1rem !important;
  }
}
.u-font-12 {
  font-size: 1.2rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-12--sp {
    font-size: 1.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-12--pc {
    font-size: 1.2rem !important;
  }
}
.u-font-16 {
  font-size: 1.6rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-16--sp {
    font-size: 1.6rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-16--pc {
    font-size: 1.6rem !important;
  }
}
.u-font-20 {
  font-size: 2rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-20--sp {
    font-size: 2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-20--pc {
    font-size: 2rem !important;
  }
}
.u-font-32 {
  font-size: 3.2rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-32--sp {
    font-size: 3.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-32--pc {
    font-size: 3.2rem !important;
  }
}
.u-font-150p {
  font-size: 150% !important;
}

@media screen and (max-width: 768px) {
  .u-font-150p--sp {
    font-size: 150% !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-150p--pc {
    font-size: 150% !important;
  }
}
.u-font-85p {
  font-size: 85% !important;
}

@media screen and (max-width: 768px) {
  .u-font-85p--sp {
    font-size: 85% !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-85p--pc {
    font-size: 85% !important;
  }
}
.u-font-80p {
  font-size: 80% !important;
}

@media screen and (max-width: 768px) {
  .u-font-80p--sp {
    font-size: 80% !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-80p--pc {
    font-size: 80% !important;
  }
}
.u-font-75p {
  font-size: 75% !important;
}

@media screen and (max-width: 768px) {
  .u-font-75p--sp {
    font-size: 75% !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-75p--pc {
    font-size: 75% !important;
  }
}
.u-font-70p {
  font-size: 70% !important;
}

@media screen and (max-width: 768px) {
  .u-font-70p--sp {
    font-size: 70% !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-70p--pc {
    font-size: 70% !important;
  }
}
.u-font-50p {
  font-size: 50% !important;
}

@media screen and (max-width: 768px) {
  .u-font-50p--sp {
    font-size: 50% !important;
  }
}
@media screen and (min-width: 769px) {
  .u-font-50p--pc {
    font-size: 50% !important;
  }
}