@charset "UTF-8";
/* --------------------------
media query
-------------------------- */
/* --------------------------
h with center-line
-------------------------- */
/* --------------------------
color
-------------------------- */
/* --------------------------
spacing
-------------------------- */
/* --------------------------
font
-------------------------- */
/* --------------------------
contents width
-------------------------- */
/* --------------------------
z-index order
-------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: inherit;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  text-align: left;
}

strong {
  font-weight: bold;
}

:root {
  --navy: #000e4e;
  --blue: #00b7f1;
  --cyan: #7be8f5;
  --ink: #101936;
  --muted: #5a6477;
  --line: #d9dee8;
  --mist: #f3f6fa;
  --white: #fff;
  --content: 1280px;
  font-family: "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

html {
  font-size: 16px;
}
@media screen and (max-width: 1440px) {
  html {
    font-size: 1.11111111vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 4.1vw;
  }
}
html.nooverflow {
  overflow-y: hidden;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #000;
  font-size: 1rem;
}

.japan main.pressit {
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}

.japan .pressit a {
  text-decoration: none;
  transition: opacity 0.2s;
}
.japan .pressit a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.japan .pressit p {
  margin-bottom: 1em;
  line-height: 2em;
}
.japan .pressit p:last-child {
  margin-bottom: 0;
}
.japan .pressit h3,
.japan .pressit h4 {
  line-height: 1.5;
}
.japan .pressit img {
  width: auto;
  height: auto;
  max-width: 100%;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.25rem, 0);
    transform: translate3d(0, 1.25rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.25rem, 0);
    transform: translate3d(0, 1.25rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

.japan .pressit .section {
  padding: 4rem 0;
}
@media screen and (max-width: 767px) {
  .japan .pressit .section {
    padding: 2.5rem 0;
  }
}
.japan .pressit .container {
  width: 100%;
  max-width: 81.25rem;
  margin: 0 auto;
  padding: 0 0.625rem;
}
.japan .pressit .header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 10;
  transform: translateY(-100%);
  transition: all 0.3s;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.2);
}
.japan .pressit .header.visible {
  transform: translateY(0);
}
.japan .pressit .header-inner {
  width: 100%;
  max-width: 81.25rem;
  margin: 0 auto;
  padding: 1rem 0.625rem;
}
.japan .pressit .header-nav-list {
  display: flex;
  justify-content: flex-end;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .header-nav-list {
    justify-content: center;
    gap: 1rem;
  }
}
.japan .pressit .header-nav-list li {
  padding-left: 0;
}
.japan .pressit .header-nav-button {
  border: 1px solid #000E4E;
  background-color: #fff;
  color: #000E4E;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.625rem 2.5rem;
  display: block;
  text-decoration: none;
  border-radius: 6.25rem;
  line-height: 1;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .japan .pressit .header-nav-button {
    padding: 0.625rem 1.625rem;
    font-size: 0.9375rem;
  }
}
.japan .pressit .header-nav-button:hover {
  opacity: 1;
  background-color: #000E4E;
  color: #fff;
}
.japan .pressit .header-nav-button--demo {
  background-color: #00B7F1;
  border: 1px solid #00B7F1;
  color: #000E4E;
  position: relative;
}
@media screen and (max-width: 767px) {
  .japan .pressit .header-nav-button--demo {
    padding-left: 0.625rem;
  }
}
.japan .pressit .header-nav-button--demo:hover {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #000E4E;
  color: #000E4E;
}
.japan .pressit .header-nav-button--demo::after {
  content: "\e00c" !important;
  font-family: "pattern-library";
  display: block;
  position: absolute;
  top: 0.75rem;
  right: 1.125rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .header-nav-button--demo::after {
    right: 0.625rem;
  }
}
.japan .pressit .header-nav-button--demo:active {
  outline: 1px solid #000E4E;
}
.japan .pressit .hero {
  position: relative;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero {
    height: auto;
  }
}
.japan .pressit .hero-media {
  position: relative;
  width: 100%;
  height: calc(100svh - 90px);
  max-height: 1100px;
  background-color: #999;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-media {
    height: 37.5rem;
  }
}
.japan .pressit .hero-media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  z-index: 2;
}
.japan .pressit .hero-media-overlay img {
  width: 100%;
}
.japan .pressit .hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.japan .pressit .hero-contents {
  max-width: 80rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}
.japan .pressit .hero-contents-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.625rem 0 2.25rem;
  width: 100%;
}
.japan .pressit .hero-contents-bg::before {
  content: "";
  background: linear-gradient(0, #737373, #B6B6B6);
  mix-blend-mode: multiply;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-contents-bg {
    padding: 0.625rem 0.625rem 1.5rem;
  }
}
.japan .pressit .hero-text {
  color: #fff;
}
.japan .pressit .hero-eyebrow {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.125rem;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-eyebrow {
    font-size: 0.875rem;
  }
}
.japan .pressit .hero-name {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5625rem;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-name {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }
}
.japan .pressit .hero-copy {
  font-size: 4rem;
  line-height: 1.1;
  font-weight: 600;
  padding-bottom: 0.9375rem;
  display: table;
  border-bottom: 1px solid #fff;
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-copy {
    font-size: 2.25rem;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    font-feature-settings: "palt";
  }
}
.japan .pressit .hero-lead {
  font-size: 1.375rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-lead {
    font-size: 1rem;
    line-height: 1.4;
  }
}
.japan .pressit .hero-video-toggle {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  position: relative;
  border: 0;
  font-size: 0;
  margin: 0 0 1.1875rem auto;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-video-toggle {
    margin-bottom: 0;
  }
}
.japan .pressit .hero-video-toggle.playing::before, .japan .pressit .hero-video-toggle.playing::after {
  content: "";
  display: block;
  width: 0.25rem;
  height: 1.125rem;
  background-color: #fff;
  position: absolute;
  top: 0.6875rem;
}
.japan .pressit .hero-video-toggle.playing::before {
  left: 0.75rem;
}
.japan .pressit .hero-video-toggle.playing::after {
  right: 0.75rem;
}
.japan .pressit .hero-video-toggle.stopped::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 1.125rem solid #fff;
  border-top: 0.5625rem solid transparent;
  border-bottom: 0.5625rem solid transparent;
  position: absolute;
  top: 0.6875rem;
  left: 0.875rem;
}
.japan .pressit .hero-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1.25rem;
  margin-bottom: 1.3125rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-buttons {
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    margin: 0 auto;
  }
}
.japan .pressit .hero-contact, .japan .pressit .hero-demo {
  display: grid;
  place-items: center;
  place-content: center;
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 100%;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-contact, .japan .pressit .hero-demo {
    width: 21.0625rem;
    height: 4.625rem;
    border-radius: 0;
    font-size: 1rem;
    position: relative;
    margin: 0 auto;
  }
}
.japan .pressit .hero-contact {
  background-color: #fff;
  color: #000E4E;
}
.japan .pressit .hero-contact img {
  margin-bottom: 0.125rem;
  width: 2.25rem;
}
@media screen and (min-width: 768px) {
  .japan .pressit .hero-contact::after {
    font-size: 1.125rem;
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-contact {
    border: 1px solid #000E4E;
  }
  .japan .pressit .hero-contact::after {
    display: block;
    position: absolute;
    right: 1.25rem;
    top: calc(50% - 0.625rem);
  }
}
.japan .pressit .hero-demo {
  background-color: #000E4E;
  color: #fff;
}
.japan .pressit .hero-demo img {
  margin-bottom: 0.125rem;
  width: 2.6875rem;
}
@media screen and (min-width: 768px) {
  .japan .pressit .hero-demo::after {
    content: "\e00c" !important;
    font-family: "pattern-library";
    display: block;
    font-size: 1.125rem;
    margin-top: 0.5rem;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-demo {
    background-color: #00B7F1;
    border: 1px solid #00B7F1;
    color: #000E4E;
  }
  .japan .pressit .hero-demo::after {
    content: "\e00c" !important;
    font-family: "pattern-library";
    display: block;
    position: absolute;
    right: 1.4375rem;
    top: calc(50% - 0.625rem);
  }
}
.japan .pressit .hero-ctas-sp {
  margin: 0.5rem 0.625rem 2.5rem;
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #000E4E;
}
.japan .pressit .hero-tags {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-tags {
    flex-wrap: wrap;
    align-items: center;
    width: 15rem;
  }
}
.japan .pressit .hero-banners {
  width: 7.9375rem;
  gap: 0.4375rem;
}
.japan .pressit .hero-tag {
  background-color: #f3f3f3;
  border-radius: 0.25rem;
  color: #000;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  display: inline-block;
}
.japan .pressit .hero-gooddesign {
  margin-left: 0.375rem;
  width: 3.75rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-gooddesign {
    margin-left: 0;
  }
}
.japan .pressit .hero-warranty {
  margin-left: 0.125rem;
  width: 3.75rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-warranty {
    margin-left: 0;
  }
}
.japan .pressit .hero-scroll {
  position: absolute;
  bottom: -7.1875rem;
  right: 2.625rem;
  height: 6.25rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .hero-scroll {
    display: none;
  }
}
.japan .pressit .hero-scroll span {
  position: absolute;
  left: 0rem;
  top: 0rem;
  color: #000E4E;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  writing-mode: vertical-lr;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 0 0.28125rem rgb(255, 255, 255);
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.japan .pressit .hero-scroll span::before {
  content: "";
  position: absolute;
  top: 0;
  right: 1.375rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 100%;
  background: #000E4E;
  animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
.japan .pressit .hero-scroll span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.5rem;
  width: 1px;
  height: 6.25rem;
  background: #000E4E;
}
@keyframes circlemove {
  0% {
    top: 0;
  }
  100% {
    top: 6.25rem;
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.japan .pressit .toc-section {
  background: #fff;
}
.japan .pressit .toc-title {
  margin: 0 0 1rem;
  font-weight: 700;
  font-size: 1.125rem;
  color: #000E4E;
}
.japan .pressit .toc-links {
  display: flex;
  justify-content: space-between;
  gap: 0.875rem;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 767px) {
  .japan .pressit .toc-links {
    gap: 0.75rem;
    overflow-x: auto;
    width: 100%;
  }
}
.japan .pressit .toc-links button {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
  color: #000E4E;
  padding: 0 0 0.5rem 1.5rem;
  line-height: 1.4;
  border: 0;
  border-bottom: 0.125rem solid transparent;
  background-color: transparent;
  cursor: pointer;
  box-shadow: none;
}
.japan .pressit .toc-links button::before {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-right: 1px solid #000E4E;
  border-bottom: 1px solid #000E4E;
  transform: rotate(45deg);
}
.japan .pressit .toc-links button:hover {
  border-bottom: 0.125rem solid #000E4E;
  opacity: 1;
}
.japan .pressit .trouble {
  background: transparent url(https://content.connect.panasonic.com/sites/default/files/2026-10/pressit-trouble-bg.png) top center repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .japan .pressit .trouble {
    background-size: auto 24.375rem;
  }
}
.japan .pressit .trouble-title {
  font-size: 2.5rem;
  font-weight: 600;
  color: #000E4E;
  text-decoration: underline;
  text-decoration-color: #d9d9d9;
  text-decoration-thickness: 0.75rem;
  text-underline-offset: -0.25rem;
  text-decoration-skip-ink: none;
  text-align: center;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .trouble-title {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }
}
.japan .pressit .trouble-grid {
  display: flex;
  gap: 3.125rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .trouble-grid {
    flex-direction: column;
    gap: 1.5rem;
    margin: 0 1.875rem;
  }
}
.japan .pressit .trouble-grid > li {
  width: calc(33.3333333333% - 3.125rem + 1.0416666667rem);
}
@media screen and (max-width: 767px) {
  .japan .pressit .trouble-grid > li {
    width: 100%;
  }
}
.japan .pressit .trouble-row {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .trouble-row {
    justify-content: center;
  }
}
.japan .pressit .trouble-row img {
  width: 4.6875rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .trouble-row img {
    width: 3.125rem;
  }
}
.japan .pressit .trouble-row img.img1 {
  width: 4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .trouble-row img.img1 {
    width: 2.875rem;
  }
}
.japan .pressit .trouble-description {
  color: #000E4E;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .japan .pressit .trouble-description {
    font-size: 1rem;
    white-space: nowrap;
  }
}
.japan .pressit .product {
  position: relative;
}
.japan .pressit .product-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: grid;
  place-items: center;
  place-content: center;
  text-align: center;
  margin-top: 3.625rem;
  color: #000E4E;
}
@media screen and (max-width: 767px) {
  .japan .pressit .product-text {
    margin-top: 2.5rem;
    display: block;
    bottom: auto;
  }
}
.japan .pressit .product-title {
  width: 30.875rem;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .product-title {
    width: 18.125rem;
    margin-bottom: 2.5rem;
  }
}
.japan .pressit .product-copy {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 3rem;
}
.japan .pressit .product-description {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .japan .pressit .product-description {
    font-size: 0.9375rem;
  }
}
.japan .pressit .product-caution {
  position: absolute;
  bottom: 0.9375rem;
  right: 2.375rem;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .product-caution {
    position: static;
    margin: 0.5rem 0;
  }
}
.japan .pressit .stock-button {
  display: block;
  width: 43.5625rem;
  background-color: #00B7F1;
  border: 1px solid #00B7F1;
  color: #000E4E;
  font-size: 1.75rem;
  font-weight: 700;
  padding: 1.25rem 2.5rem;
  position: relative;
  margin: 0 auto;
  line-height: 1;
  border-radius: 0;
}
.japan .pressit .stock-button:hover {
  opacity: 1;
  background-color: #fff;
  border: 1px solid #000E4E;
  color: #000E4E;
}
.japan .pressit .stock-button:active {
  outline: 1px solid #000E4E;
}
@media screen and (max-width: 767px) {
  .japan .pressit .stock-button {
    width: 21.0625rem;
    font-size: 1.25rem;
    padding: 1rem 2.125rem 1rem 1.5rem;
    text-align: center;
    line-height: 1.4;
  }
}
.japan .pressit .stock-button::after {
  content: "\e00c" !important;
  font-family: "pattern-library";
  font-size: 1.5rem;
  display: block;
  position: absolute;
  top: 1.625rem;
  right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .stock-button::after {
    position: absolute;
    right: 1.4375rem;
    top: calc(50% - 0.75rem);
  }
}
.japan .pressit .scene {
  background: transparent url(https://content.connect.panasonic.com/sites/default/files/2026-10/pressit-scene-bg.png) center center repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .japan .pressit .scene {
    background-size: auto 48.75rem;
  }
}
.japan .pressit .scene-title {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
  color: #000;
}
@media screen and (max-width: 767px) {
  .japan .pressit .scene-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.japan .pressit .scene-title small {
  font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .scene-title small {
    font-size: 1.25rem;
  }
}
.japan .pressit .scene-grid {
  display: flex;
  gap: 1.25rem;
  max-width: 70rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .japan .pressit .scene-grid {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.japan .pressit .scene-grid > li {
  width: calc(33.3333333333% - 1.25rem + 0.4166666667rem);
  background-color: #fff;
  box-shadow: 0.25rem 0.25rem 0.3125rem rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  .japan .pressit .scene-grid > li {
    width: 100%;
    padding: 0.5rem 0.625rem;
    display: flex;
    align-items: center;
  }
  .japan .pressit .scene-grid > li img {
    display: block;
    width: 11.4375rem;
  }
}
.japan .pressit .scene-text {
  padding: 2.5rem 3rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .scene-text {
    padding: 0;
    padding-left: 1rem;
  }
}
.japan .pressit .scene-h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .scene-h3 {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
}
.japan .pressit .scene-description {
  font-size: 0.875rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .japan .pressit .scene-description {
    line-height: 1.4;
  }
}
.japan .pressit .features-title {
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
  color: #000;
}
@media screen and (max-width: 767px) {
  .japan .pressit .features-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.japan .pressit .features-intro {
  background-color: #f3f3f3;
  padding: 3.5rem 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .japan .pressit .features-intro {
    display: block;
    padding: 1rem 0.5rem;
  }
}
.japan .pressit .features-image {
  display: block;
  position: absolute;
  top: 50%;
  left: -4rem;
  width: 33.75rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .japan .pressit .features-image {
    position: static;
    transform: none;
    width: 100%;
  }
}
.japan .pressit .features-point {
  display: flex;
  flex-wrap: wrap;
  width: 46.25rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .features-point {
    width: 20.375rem;
    margin: 0.5rem 0.625rem 0 1.125rem;
    flex-direction: column;
    gap: 1.9375rem;
  }
}
.japan .pressit .features-point-item {
  height: 8.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .features-point-item {
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .japan .pressit .features-point-item:nth-child(1) {
    order: 1;
    width: 19.3125rem;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
  }
  .japan .pressit .features-point-item:nth-child(2) {
    order: 3;
    width: 19.3125rem;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
  }
  .japan .pressit .features-point-item:nth-child(3) {
    order: 5;
    width: 19.3125rem;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
  }
  .japan .pressit .features-point-item:nth-child(4) {
    order: 7;
    width: 19.3125rem;
    border-right: 1px solid #999;
  }
  .japan .pressit .features-point-item:nth-child(5) {
    order: 2;
    width: 26.875rem;
    padding-left: 2rem;
    border-bottom: 1px solid #999;
  }
  .japan .pressit .features-point-item:nth-child(6) {
    order: 4;
    width: 26.875rem;
    padding-left: 2rem;
    border-bottom: 1px solid #999;
  }
  .japan .pressit .features-point-item:nth-child(7) {
    order: 6;
    width: 26.875rem;
    padding-left: 2rem;
    border-bottom: 1px solid #999;
  }
  .japan .pressit .features-point-item:nth-child(8) {
    order: 8;
    width: 26.875rem;
    padding-left: 2rem;
  }
}
.japan .pressit .features-point-icon {
  height: 4.5rem;
  width: auto;
}
@media screen and (max-width: 767px) {
  .japan .pressit .features-point-icon {
    height: 2.5rem;
  }
}
.japan .pressit .features-point-title {
  font-size: 1.1875rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .japan .pressit .features-point-title {
    font-size: 0.9375rem;
  }
}
.japan .pressit .features-point-title small {
  font-size: 0.875rem;
  line-height: 1.5;
  display: block;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .features-point-title small {
    display: none;
  }
}
.japan .pressit .features-point-number {
  font-size: 0.75rem;
  font-weight: 700;
  color: #000E4E;
  display: block;
}
@media screen and (min-width: 768px) {
  .japan .pressit .features-point-number {
    display: none;
  }
}
.japan .pressit .features-point-caution {
  font-size: 0.875rem;
  line-height: 1.5;
}
.japan .pressit .smart {
  padding-top: 0;
  padding-bottom: 12.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .smart {
    margin: 0 0.625rem;
    padding-bottom: 5rem;
  }
}
.japan .pressit .smart-container {
  background-color: #F1FBFF;
  padding-top: 3rem;
  height: 25rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .japan .pressit .smart-container {
    padding: 1.5rem 0 0;
    height: 25.625rem;
  }
}
.japan .pressit .smart-container::before {
  content: "";
  border-left: 40rem solid transparent;
  border-right: 40rem solid transparent;
  border-top: 10rem solid #F1FBFF;
  position: absolute;
  bottom: -10rem;
  left: 0;
  right: 0;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .japan .pressit .smart-container::before {
    border-left: 11.5625rem solid transparent;
    border-right: 11.5625rem solid transparent;
    border-top: 4.625rem solid #F1FBFF;
    bottom: -4.5625rem;
  }
}
.japan .pressit .smart-container::after {
  content: "";
  border-left: 40rem solid transparent;
  border-right: 40rem solid transparent;
  border-top: 10rem solid #FFF;
  position: absolute;
  bottom: -11.25rem;
  left: 0;
  right: 0;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .japan .pressit .smart-container::after {
    border-left: 11.5625rem solid transparent;
    border-right: 11.5625rem solid transparent;
    border-top: 4.625rem solid #fff;
    bottom: -5.1875rem;
  }
}
.japan .pressit .smart-arrow {
  position: relative;
}
.japan .pressit .smart-arrow::before {
  content: "";
  height: 1.25rem;
  background-color: #F1FBFF;
  position: absolute;
  bottom: 1.25rem;
  left: 0;
  right: 0;
  z-index: 4;
}
@media screen and (max-width: 767px) {
  .japan .pressit .smart-arrow::before {
    height: 0.625rem;
    bottom: -2rem;
  }
}
.japan .pressit .smart-arrow::after {
  content: "";
  border-left: 40rem solid transparent;
  border-right: 40rem solid transparent;
  border-top: 10rem solid #F1FBFF;
  position: absolute;
  bottom: -8.75rem;
  left: 0;
  right: 0;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .japan .pressit .smart-arrow::after {
    border-left: 11.5625rem solid transparent;
    border-right: 11.5625rem solid transparent;
    border-top: 4.625rem solid #F1FBFF;
    bottom: -6.5rem;
  }
}
.japan .pressit .smart-title {
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.6;
  color: #000E4E;
  font-weight: 600;
  margin-bottom: 3rem;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .japan .pressit .smart-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    text-align: left;
    padding: 0 0.625rem;
    line-height: 1.4;
  }
}
.japan .pressit .smart-description {
  font-size: 1.25rem;
  line-height: 1.8;
  font-weight: 600;
  color: #000E4E;
  text-align: center;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .japan .pressit .smart-description {
    font-size: 0.875rem;
    text-align: left;
    padding: 0 0.625rem;
  }
}
.japan .pressit .reason-title {
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.6;
  color: #000E4E;
  font-weight: 600;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    line-height: 1;
  }
}
.japan .pressit .reason-title-count {
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-title-count {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-title-middle {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .japan .pressit .reason-list-item {
    display: flex;
  }
  .japan .pressit .reason-list-item:nth-child(2n) {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-list-item {
    display: block;
    border: 1px solid #d9d9d9;
    padding: 1.5rem 1rem;
    margin: 1.5rem 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .japan .pressit .reason-list-image {
    width: 50%;
    height: 33.75rem;
  }
  .japan .pressit .reason-list-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .japan .pressit .reason-list-text {
    width: 50%;
    height: 33.75rem;
    background-color: rgba(0, 14, 78, 0.15);
    display: grid;
    place-items: center;
    place-content: center;
  }
}
.japan .pressit .reason-list-icon {
  width: 4.375rem;
  margin-bottom: 1.875rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-list-icon {
    height: 3.125rem;
    width: 3.125rem;
    margin-bottom: 0;
  }
}
.japan .pressit .reason-list-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.875rem;
  color: #000E4E;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-list-title {
    font-size: 1.125rem;
    margin-bottom: 0;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .japan .pressit .reason-list-title::after {
    content: "";
    display: block;
    width: 3.375rem;
    height: 0.125rem;
    background-color: #000E4E;
    margin: 1.875rem auto 0;
  }
}
.japan .pressit .reason-list-header {
  display: none;
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-list-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.japan .pressit .reason-list-number {
  font-size: 0.75rem;
  font-weight: 700;
  color: #000E4E;
  display: block;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .japan .pressit .reason-list-number {
    display: none;
  }
}
.japan .pressit .reason-list-description {
  font-size: 1rem;
  text-align: center;
  line-height: 1.8;
  color: #000;
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-list-description {
    text-align: left;
    font-size: 0.875rem;
    margin-top: 0.5rem;
  }
}
.japan .pressit .reason-list-caution {
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.4;
  color: #000;
}
@media screen and (max-width: 767px) {
  .japan .pressit .reason-list-caution {
    text-align: left;
    font-size: 0.75rem;
  }
}
.japan .pressit .compare {
  padding-top: 0;
}
.japan .pressit .compare-title {
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.6;
  color: #000E4E;
  font-weight: 600;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .compare-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.japan .pressit .compare-table {
  max-width: 70rem;
  margin: 0 auto;
  border-collapse: collapse;
}
.japan .pressit .compare-table-scroll {
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .japan .pressit .compare-table-scroll {
    padding-bottom: 1rem;
  }
}
.japan .pressit .compare-table th,
.japan .pressit .compare-table td {
  border: 1px solid #d9d9d9;
}
.japan .pressit .compare-table thead th {
  background-color: #000E4E;
  color: #fff;
  font-size: 0.84375rem;
  text-align: left;
  font-weight: 700;
  padding: 0.8125rem 1rem;
}
.japan .pressit .compare-table thead th:nth-child(2) {
  color: #000E4E;
  background-color: rgba(0, 183, 241, 0.5);
}
.japan .pressit .compare-table tbody tr td {
  padding: 0.9375rem 1rem;
  font-size: 0.875rem;
  white-space: nowrap;
}
.japan .pressit .compare-table tbody tr td:nth-child(2) {
  font-weight: 700;
  background-color: #F1FBFF;
}
.japan .pressit .faq {
  padding-top: 0;
}
.japan .pressit .faq-title {
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.6;
  color: #000E4E;
  font-weight: 600;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .faq-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.japan .pressit .faq-list {
  border-top: 1px solid #000E4E;
}
.japan .pressit .faq-list details {
  border-bottom: 1px solid #000E4E;
  background: #fff;
}
.japan .pressit .faq-list details summary {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 1rem 1rem 1rem 3.1875rem;
  cursor: pointer;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .japan .pressit .faq-list details summary {
    padding-right: 2.5rem;
    padding-bottom: 0.5rem;
  }
}
.japan .pressit .faq-list details summary::-webkit-details-marker {
  display: none;
}
.japan .pressit .faq-list details summary::before {
  content: "Q";
  font-family: "Noto Serif JP", serif;
  font-size: 1.5rem;
  font-weight: 700;
  position: absolute;
  left: 1rem;
  top: 0.625rem;
  color: #000E4E;
}
.japan .pressit .faq-list details summary i::before, .japan .pressit .faq-list details summary i::after {
  content: "";
  width: 1.125rem;
  height: 0.125rem;
  background-color: #000E4E;
  display: block;
  position: absolute;
  top: 1.75rem;
  right: 1.1875rem;
}
.japan .pressit .faq-list details summary i::before {
  transform: rotate(90deg);
}
.japan .pressit .faq-list details[open] summary i::before {
  display: none;
}
.japan .pressit .faq-list details > p {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.5;
  padding: 1rem 1rem 1rem 3.1875rem;
}
@media screen and (max-width: 767px) {
  .japan .pressit .faq-list details > p {
    padding-top: 0.5rem;
  }
}
.japan .pressit .faq-list details > p::before {
  content: "A";
  font-family: "Noto Serif JP", serif;
  font-size: 1.5rem;
  font-weight: 700;
  position: absolute;
  left: 1rem;
  top: 0.625rem;
  color: #000E4E;
}
@media screen and (max-width: 767px) {
  .japan .pressit .faq-list details > p::before {
    top: 0.25rem;
  }
}

#free-rent {
  padding-top: 120px;
  margin-top: -120px;
}

#PressIT_trial {
  background: #edfbff;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

#PressIT_trial #mv_wrap *,
#PressIT_trial #step_wrap * {
  margin: 0;
  padding: 0;
}

#PressIT_trial .for_pc {
  display: block;
}

#PressIT_trial .check {
  color: #0063CC;
  font-weight: bold;
}

#PressIT_trial #mv_wrap {
  width: 100%;
  text-align: center;
}

#PressIT_trial #mv_wrap .mv_title {
  position: relative;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px 15px;
}

#PressIT_trial #mv_wrap .mv_title h1 {
  font-size: 52px;
  font-weight: bold;
}

#PressIT_trial #mv_wrap .mv_title h1 img {
  margin: 0 auto;
}

#PressIT_trial #mv_wrap .mv_title h1 > span > span {
  font-size: 20px;
}

#PressIT_trial #mv_wrap .mv_title::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background-color: #000E4E;
}

#PressIT_trial #mv_wrap .mv_img {
  width: 100%;
  height: 350px;
  background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/main_pc.jpg) no-repeat #EEEEEE center center;
  margin-bottom: 50px;
}

#PressIT_trial #mv_wrap .read {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

#PressIT_trial #mv_wrap .read p {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
}

#PressIT_trial #mv_wrap .read p.note {
  font-size: 16px;
}

#PressIT_trial #step_wrap {
  width: 100%;
  max-width: 1170px;
  margin: 50px auto 0;
  padding: 0 15px;
}

#PressIT_trial #step_wrap .step {
  margin: 0 0 20px;
  padding: 0;
}

#PressIT_trial #step_wrap .step li {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 50px;
  background: #fff;
}

#PressIT_trial #step_wrap .step li::after {
  position: absolute;
  left: 50%;
  bottom: -40px;
  margin-left: -35px;
  content: "";
  display: block;
  border-top: solid 30px #00B7F1;
  border-left: solid 35px transparent;
  border-right: solid 35px transparent;
  border-bottom: none;
}

#PressIT_trial #step_wrap .step li:last-child {
  margin-bottom: 0;
}

#PressIT_trial #step_wrap .step li:last-child::after {
  display: none;
}

#PressIT_trial #step_wrap .step li .step_num {
  padding: 10px 30px 10px 20px;
  border-right: solid 1px #000E4E;
}

#PressIT_trial #step_wrap .step li .step_pict {
  font-size: 26px;
  font-weight: bold;
  padding: 15px 0 15px 100px;
  width: 38%;
}

#PressIT_trial #step_wrap .step li:nth-child(1) .step_pict {
  background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/pict1.png) no-repeat left center;
  background-size: 85px 54px;
}

#PressIT_trial #step_wrap .step li:nth-child(2) .step_pict {
  background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/pict2.png) no-repeat left center;
  background-size: 85px 54px;
}

#PressIT_trial #step_wrap .step li:nth-child(3) .step_pict {
  background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/pict3.png) no-repeat left center;
  background-size: 85px 54px;
}

#PressIT_trial #step_wrap .step li:nth-child(4) .step_pict {
  background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/pict4.png) no-repeat left center;
  background-size: 85px 54px;
}

#PressIT_trial #step_wrap .step li .step_txt {
  width: 48%;
}

#PressIT_trial #step_wrap .step li .step_txt p {
  font-size: 18px;
  line-height: 1.8;
}

#PressIT_trial #step_wrap p.note {
  font-size: 14px !important;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}

#PressIT_trial #step_wrap p.flow {
  margin-top: 30px;
}

#PressIT_trial #step_wrap p.flow img {
  width: 100%;
}

#PressIT_trial #step_wrap p.flow img.for_sp {
  display: none;
}

#PressIT_trial #form_wrap {
  width: 100%;
  max-width: 1170px;
  margin: 80px auto;
  padding: 0 15px 15px;
}

@media only screen and (max-width: 1140px) {
  #PressIT_trial #mv_wrap .read {
    text-align: left;
  }
  #PressIT_trial br.for_pc {
    display: none !important;
  }
}
@media only screen and (max-width: 975px) {
  #PressIT_trial #mv_wrap .mv_title h1 > span {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  #PressIT_trial #mv_wrap .mv_title h1 > span > span {
    display: inline-block;
  }
  #PressIT_trial #step_wrap .step li {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
  }
  #PressIT_trial #step_wrap .step li .step_num {
    padding: 10px 30px 10px 10px;
  }
  #PressIT_trial #step_wrap .step li .step_pict {
    font-size: 26px;
    font-weight: bold;
    padding: 15px 0 15px 100px;
    width: 73%;
  }
  #PressIT_trial #step_wrap .step li .step_txt {
    width: 100%;
  }
  #PressIT_trial #step_wrap p.flow {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 479px) {
  #PressIT_trial #mv_wrap .mv_title h1 {
    font-size: 6.4vw;
    font-weight: bold;
    line-height: 1.4;
  }
  #PressIT_trial #mv_wrap .mv_title h1 > span > span {
    font-size: 3.4vw;
  }
  #PressIT_trial #mv_wrap .mv_title h1 img {
    width: 40%;
    display: inline-block;
  }
  #PressIT_trial #mv_wrap .mv_img {
    width: 100%;
    height: auto;
    padding-bottom: 46.666%;
    background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/main_sp.jpg) no-repeat #EEEEEE center center;
    background-size: cover;
    margin-bottom: 50px;
  }
  #PressIT_trial #mv_wrap .read p {
    font-size: 4.2vw;
  }
  #PressIT_trial #mv_wrap .read p.note {
    font-size: 3.4vw;
  }
  #PressIT_trial #step_wrap .step li .step_num {
    padding: 10px 20px 10px 0;
  }
  #PressIT_trial #step_wrap .step li .step_num img {
    width: 5.3vw;
  }
  #PressIT_trial #step_wrap .step li .step_pict {
    font-size: 4.8vw;
    font-weight: bold;
    padding: 15px 0 15px 16vw;
    width: 73%;
  }
  #PressIT_trial #step_wrap .step li:nth-child(1) .step_pict {
    background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/pict1.png) no-repeat left center;
    background-size: 13.3vw auto;
  }
  #PressIT_trial #step_wrap .step li:nth-child(2) .step_pict {
    background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/pict2.png) no-repeat left center;
    background-size: 13.3vw auto;
  }
  #PressIT_trial #step_wrap .step li:nth-child(3) .step_pict {
    background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/pict3.png) no-repeat left center;
    background-size: 13.3vw auto;
  }
  #PressIT_trial #step_wrap .step li:nth-child(4) .step_pict {
    background: url(https://archives.connect.panasonic.com/prodisplays/pressit_trial/images/pict4.png) no-repeat left center;
    background-size: 13.3vw auto;
  }
  #PressIT_trial #step_wrap .step li .step_txt p {
    font-size: 4.2vw;
  }
  #PressIT_trial #step_wrap p.note {
    font-size: 3.4vw !important;
  }
  #PressIT_trial #step_wrap p.flow img.for_pc {
    display: none;
  }
  #PressIT_trial #step_wrap p.flow img.for_sp {
    display: block;
  }
}
#PressIT_trial #mv_wrap .rent-title {
  text-align: center;
  font-size: 2.25rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  line-height: 1.2;
  padding: 2.5rem 0;
}
@media screen and (max-width: 767px) {
  #PressIT_trial #mv_wrap .rent-title {
    font-size: 1.5rem;
    gap: 1.75rem;
  }
}
#PressIT_trial #mv_wrap .rent-title::before, #PressIT_trial #mv_wrap .rent-title::after {
  content: "";
  width: 0.5rem;
  height: 5.5rem;
  background-color: #00B7F1;
  display: block;
  transform: rotate(-30deg);
}
@media screen and (max-width: 767px) {
  #PressIT_trial #mv_wrap .rent-title::before, #PressIT_trial #mv_wrap .rent-title::after {
    width: 0.375rem;
    height: 3.75rem;
  }
}
#PressIT_trial #mv_wrap .rent-title::after {
  transform: rotate(30deg);
}
#PressIT_trial #mv_wrap .rent-title-accent {
  color: #000E4E;
  display: block;
}

/* --------------------------
テキスト整列
-------------------------- */
.u-align-left {
  text-align: left;
}

.u-align-right {
  text-align: right;
}

.u-align-center {
  text-align: center;
}

.u-align-justify {
  text-align: justify;
  text-justify: inter-ideograph;
  word-wrap: break-word;
}

@media screen and (min-width: 768px) {
  .u-align-left--pc {
    text-align: left;
  }
  .u-align-right--pc {
    text-align: right;
  }
  .u-align-center--pc {
    text-align: center;
  }
  .u-align-justify--pc {
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
  }
}
@media screen and (max-width: 1024px) {
  .u-align-left--tab {
    text-align: left;
  }
  .u-align-right--tab {
    text-align: right;
  }
  .u-align-center--tab {
    text-align: center;
  }
  .u-align-justify--tab {
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
  }
}
@media screen and (min-width: 1025px) {
  .u-align-left--overtab {
    text-align: left;
  }
  .u-align-right--overtab {
    text-align: right;
  }
  .u-align-center--overtab {
    text-align: center;
  }
  .u-align-justify--overtab {
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
  }
}
@media screen and (max-width: 767px) {
  .u-align-left--sp {
    text-align: left;
  }
  .u-align-right--sp {
    text-align: right;
  }
  .u-align-center--sp {
    text-align: center;
  }
  .u-align-justify--sp {
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
  }
}
/* --------------------------
背景色
-------------------------- */
.u-bg-snow {
  background-color: #EBEBEB;
}

.u-bg-light {
  background-color: #f1f4f7;
}

.u-bg-dark {
  background-color: #686868;
}

.u-bg-white {
  background-color: #fff;
}

.u-bg-green {
  background-color: #00bfa5;
}

.u-bg-blue {
  background-color: #54c2f0;
}

.u-bg-bluelight {
  background-color: #e0f1f9;
}

/* --------------------------
枠線
-------------------------- */
.u-border-bottom {
  border-bottom: 3px solid #54c2f0;
  padding-bottom: 10px;
}
.u-border-top {
  border-top: 3px solid #54c2f0;
  padding-top: 10px;
}
.u-border-right {
  border-right: 3px solid #54c2f0;
  padding-right: 10px;
}
.u-border-left {
  border-left: 3px solid #54c2f0;
  padding-left: 10px;
}
.u-border--white {
  border-color: #fff;
}
.u-border-clear-top {
  border-top: 0;
}
.u-border-clear-left {
  border-left: 0;
}
.u-border-clear-right {
  border-right: 0;
}
.u-border-clear-bottom {
  border-bottom: 0;
}

/* --------------------------
Float解除
-------------------------- */
.u-clearfix::after {
  content: "";
  clear: both;
  font-size: 0;
  height: 0;
  display: block;
  visibility: hidden;
}

/* --------------------------
グリッド
-------------------------- */
.u-row {
  margin: -20px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .u-row {
    margin: -10px;
  }
}
.u-row--align-center {
  align-items: center;
}
.u-row--align-end {
  align-items: flex-end;
}
.u-row--reverse {
  flex-direction: row-reverse;
}
.u-row--nomargin {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .u-row--nomargin-tab {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .u-row--nomargin-sp {
    margin: 0;
  }
}
.u-row--narrow {
  margin: -10px;
}
@media screen and (max-width: 1024px) {
  .u-row--narrow-tab {
    margin: -2px;
  }
}
@media screen and (max-width: 767px) {
  .u-row--narrow-sp {
    margin: -6px;
  }
}

.u-col-offset-0,
.u-col-offset-0-pc,
.u-col-offset-0-tab,
.u-col-offset-0-sp {
  margin-left: 0;
}

.u-col-1 {
  width: 8.3333333333%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-1 {
    padding: 10px;
  }
}

.u-col-offset-1 {
  margin-left: 8.3333333333%;
}

.u-row--nomargin > .u-col-1 {
  padding: 0;
}

.u-row--narrow > .u-col-1 {
  padding: 10px;
}

.u-col-2 {
  width: 16.6666666667%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-2 {
    padding: 10px;
  }
}

.u-col-offset-2 {
  margin-left: 16.6666666667%;
}

.u-row--nomargin > .u-col-2 {
  padding: 0;
}

.u-row--narrow > .u-col-2 {
  padding: 10px;
}

.u-col-3 {
  width: 25%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-3 {
    padding: 10px;
  }
}

.u-col-offset-3 {
  margin-left: 25%;
}

.u-row--nomargin > .u-col-3 {
  padding: 0;
}

.u-row--narrow > .u-col-3 {
  padding: 10px;
}

.u-col-4 {
  width: 33.3333333333%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-4 {
    padding: 10px;
  }
}

.u-col-offset-4 {
  margin-left: 33.3333333333%;
}

.u-row--nomargin > .u-col-4 {
  padding: 0;
}

.u-row--narrow > .u-col-4 {
  padding: 10px;
}

.u-col-5 {
  width: 41.6666666667%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-5 {
    padding: 10px;
  }
}

.u-col-offset-5 {
  margin-left: 41.6666666667%;
}

.u-row--nomargin > .u-col-5 {
  padding: 0;
}

.u-row--narrow > .u-col-5 {
  padding: 10px;
}

.u-col-6 {
  width: 50%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-6 {
    padding: 10px;
  }
}

.u-col-offset-6 {
  margin-left: 50%;
}

.u-row--nomargin > .u-col-6 {
  padding: 0;
}

.u-row--narrow > .u-col-6 {
  padding: 10px;
}

.u-col-7 {
  width: 58.3333333333%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-7 {
    padding: 10px;
  }
}

.u-col-offset-7 {
  margin-left: 58.3333333333%;
}

.u-row--nomargin > .u-col-7 {
  padding: 0;
}

.u-row--narrow > .u-col-7 {
  padding: 10px;
}

.u-col-8 {
  width: 66.6666666667%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-8 {
    padding: 10px;
  }
}

.u-col-offset-8 {
  margin-left: 66.6666666667%;
}

.u-row--nomargin > .u-col-8 {
  padding: 0;
}

.u-row--narrow > .u-col-8 {
  padding: 10px;
}

.u-col-9 {
  width: 75%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-9 {
    padding: 10px;
  }
}

.u-col-offset-9 {
  margin-left: 75%;
}

.u-row--nomargin > .u-col-9 {
  padding: 0;
}

.u-row--narrow > .u-col-9 {
  padding: 10px;
}

.u-col-10 {
  width: 83.3333333333%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-10 {
    padding: 10px;
  }
}

.u-col-offset-10 {
  margin-left: 83.3333333333%;
}

.u-row--nomargin > .u-col-10 {
  padding: 0;
}

.u-row--narrow > .u-col-10 {
  padding: 10px;
}

.u-col-11 {
  width: 91.6666666667%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-11 {
    padding: 10px;
  }
}

.u-col-offset-11 {
  margin-left: 91.6666666667%;
}

.u-row--nomargin > .u-col-11 {
  padding: 0;
}

.u-row--narrow > .u-col-11 {
  padding: 10px;
}

.u-col-12 {
  width: 100%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .u-col-12 {
    padding: 10px;
  }
}

.u-col-offset-12 {
  margin-left: 100%;
}

.u-row--nomargin > .u-col-12 {
  padding: 0;
}

.u-row--narrow > .u-col-12 {
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .u-col-1-pc {
    width: 8.3333333333%;
    padding: 20px;
  }
  .u-col-offset-1-pc {
    margin-left: 8.3333333333%;
  }
  .u-row--nomargin > .u-col-1-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-1-pc {
    padding: 10px;
  }
  .u-col-2-pc {
    width: 16.6666666667%;
    padding: 20px;
  }
  .u-col-offset-2-pc {
    margin-left: 16.6666666667%;
  }
  .u-row--nomargin > .u-col-2-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-2-pc {
    padding: 10px;
  }
  .u-col-3-pc {
    width: 25%;
    padding: 20px;
  }
  .u-col-offset-3-pc {
    margin-left: 25%;
  }
  .u-row--nomargin > .u-col-3-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-3-pc {
    padding: 10px;
  }
  .u-col-4-pc {
    width: 33.3333333333%;
    padding: 20px;
  }
  .u-col-offset-4-pc {
    margin-left: 33.3333333333%;
  }
  .u-row--nomargin > .u-col-4-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-4-pc {
    padding: 10px;
  }
  .u-col-5-pc {
    width: 41.6666666667%;
    padding: 20px;
  }
  .u-col-offset-5-pc {
    margin-left: 41.6666666667%;
  }
  .u-row--nomargin > .u-col-5-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-5-pc {
    padding: 10px;
  }
  .u-col-6-pc {
    width: 50%;
    padding: 20px;
  }
  .u-col-offset-6-pc {
    margin-left: 50%;
  }
  .u-row--nomargin > .u-col-6-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-6-pc {
    padding: 10px;
  }
  .u-col-7-pc {
    width: 58.3333333333%;
    padding: 20px;
  }
  .u-col-offset-7-pc {
    margin-left: 58.3333333333%;
  }
  .u-row--nomargin > .u-col-7-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-7-pc {
    padding: 10px;
  }
  .u-col-8-pc {
    width: 66.6666666667%;
    padding: 20px;
  }
  .u-col-offset-8-pc {
    margin-left: 66.6666666667%;
  }
  .u-row--nomargin > .u-col-8-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-8-pc {
    padding: 10px;
  }
  .u-col-9-pc {
    width: 75%;
    padding: 20px;
  }
  .u-col-offset-9-pc {
    margin-left: 75%;
  }
  .u-row--nomargin > .u-col-9-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-9-pc {
    padding: 10px;
  }
  .u-col-10-pc {
    width: 83.3333333333%;
    padding: 20px;
  }
  .u-col-offset-10-pc {
    margin-left: 83.3333333333%;
  }
  .u-row--nomargin > .u-col-10-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-10-pc {
    padding: 10px;
  }
  .u-col-11-pc {
    width: 91.6666666667%;
    padding: 20px;
  }
  .u-col-offset-11-pc {
    margin-left: 91.6666666667%;
  }
  .u-row--nomargin > .u-col-11-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-11-pc {
    padding: 10px;
  }
  .u-col-12-pc {
    width: 100%;
    padding: 20px;
  }
  .u-col-offset-12-pc {
    margin-left: 100%;
  }
  .u-row--nomargin > .u-col-12-pc {
    padding: 0;
  }
  .u-row--narrow > .u-col-12-pc {
    padding: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .u-col-1-tab {
    width: 8.3333333333%;
    padding: 20px;
  }
  .u-col-offset-1-tab {
    margin-left: 8.3333333333%;
  }
  .u-row--nomargin-tab > .u-col-1-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-1-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-1-tab {
    padding: 2px;
  }
  .u-col-2-tab {
    width: 16.6666666667%;
    padding: 20px;
  }
  .u-col-offset-2-tab {
    margin-left: 16.6666666667%;
  }
  .u-row--nomargin-tab > .u-col-2-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-2-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-2-tab {
    padding: 2px;
  }
  .u-col-3-tab {
    width: 25%;
    padding: 20px;
  }
  .u-col-offset-3-tab {
    margin-left: 25%;
  }
  .u-row--nomargin-tab > .u-col-3-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-3-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-3-tab {
    padding: 2px;
  }
  .u-col-4-tab {
    width: 33.3333333333%;
    padding: 20px;
  }
  .u-col-offset-4-tab {
    margin-left: 33.3333333333%;
  }
  .u-row--nomargin-tab > .u-col-4-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-4-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-4-tab {
    padding: 2px;
  }
  .u-col-5-tab {
    width: 41.6666666667%;
    padding: 20px;
  }
  .u-col-offset-5-tab {
    margin-left: 41.6666666667%;
  }
  .u-row--nomargin-tab > .u-col-5-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-5-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-5-tab {
    padding: 2px;
  }
  .u-col-6-tab {
    width: 50%;
    padding: 20px;
  }
  .u-col-offset-6-tab {
    margin-left: 50%;
  }
  .u-row--nomargin-tab > .u-col-6-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-6-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-6-tab {
    padding: 2px;
  }
  .u-col-7-tab {
    width: 58.3333333333%;
    padding: 20px;
  }
  .u-col-offset-7-tab {
    margin-left: 58.3333333333%;
  }
  .u-row--nomargin-tab > .u-col-7-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-7-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-7-tab {
    padding: 2px;
  }
  .u-col-8-tab {
    width: 66.6666666667%;
    padding: 20px;
  }
  .u-col-offset-8-tab {
    margin-left: 66.6666666667%;
  }
  .u-row--nomargin-tab > .u-col-8-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-8-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-8-tab {
    padding: 2px;
  }
  .u-col-9-tab {
    width: 75%;
    padding: 20px;
  }
  .u-col-offset-9-tab {
    margin-left: 75%;
  }
  .u-row--nomargin-tab > .u-col-9-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-9-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-9-tab {
    padding: 2px;
  }
  .u-col-10-tab {
    width: 83.3333333333%;
    padding: 20px;
  }
  .u-col-offset-10-tab {
    margin-left: 83.3333333333%;
  }
  .u-row--nomargin-tab > .u-col-10-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-10-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-10-tab {
    padding: 2px;
  }
  .u-col-11-tab {
    width: 91.6666666667%;
    padding: 20px;
  }
  .u-col-offset-11-tab {
    margin-left: 91.6666666667%;
  }
  .u-row--nomargin-tab > .u-col-11-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-11-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-11-tab {
    padding: 2px;
  }
  .u-col-12-tab {
    width: 100%;
    padding: 20px;
  }
  .u-col-offset-12-tab {
    margin-left: 100%;
  }
  .u-row--nomargin-tab > .u-col-12-tab {
    padding: 0;
  }
  .u-row--narrow > .u-col-12-tab {
    padding: 10px;
  }
  .u-row--narrow-tab > .u-col-12-tab {
    padding: 2px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-1-sp {
    width: 8.3333333333%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-1-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-1-sp {
    margin-left: 8.3333333333%;
  }
  .u-row--nomargin-sp > .u-col-1-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-1-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-1 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-1-sp {
    padding: 6px;
  }
  .u-col-2-sp {
    width: 16.6666666667%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-2-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-2-sp {
    margin-left: 16.6666666667%;
  }
  .u-row--nomargin-sp > .u-col-2-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-2-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-2 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-2-sp {
    padding: 6px;
  }
  .u-col-3-sp {
    width: 25%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-3-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-3-sp {
    margin-left: 25%;
  }
  .u-row--nomargin-sp > .u-col-3-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-3-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-3 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-3-sp {
    padding: 6px;
  }
  .u-col-4-sp {
    width: 33.3333333333%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-4-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-4-sp {
    margin-left: 33.3333333333%;
  }
  .u-row--nomargin-sp > .u-col-4-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-4-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-4 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-4-sp {
    padding: 6px;
  }
  .u-col-5-sp {
    width: 41.6666666667%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-5-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-5-sp {
    margin-left: 41.6666666667%;
  }
  .u-row--nomargin-sp > .u-col-5-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-5-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-5 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-5-sp {
    padding: 6px;
  }
  .u-col-6-sp {
    width: 50%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-6-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-6-sp {
    margin-left: 50%;
  }
  .u-row--nomargin-sp > .u-col-6-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-6-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-6 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-6-sp {
    padding: 6px;
  }
  .u-col-7-sp {
    width: 58.3333333333%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-7-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-7-sp {
    margin-left: 58.3333333333%;
  }
  .u-row--nomargin-sp > .u-col-7-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-7-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-7 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-7-sp {
    padding: 6px;
  }
  .u-col-8-sp {
    width: 66.6666666667%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-8-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-8-sp {
    margin-left: 66.6666666667%;
  }
  .u-row--nomargin-sp > .u-col-8-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-8-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-8 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-8-sp {
    padding: 6px;
  }
  .u-col-9-sp {
    width: 75%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-9-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-9-sp {
    margin-left: 75%;
  }
  .u-row--nomargin-sp > .u-col-9-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-9-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-9 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-9-sp {
    padding: 6px;
  }
  .u-col-10-sp {
    width: 83.3333333333%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-10-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-10-sp {
    margin-left: 83.3333333333%;
  }
  .u-row--nomargin-sp > .u-col-10-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-10-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-10 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-10-sp {
    padding: 6px;
  }
  .u-col-11-sp {
    width: 91.6666666667%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-11-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-11-sp {
    margin-left: 91.6666666667%;
  }
  .u-row--nomargin-sp > .u-col-11-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-11-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-11 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-11-sp {
    padding: 6px;
  }
  .u-col-12-sp {
    width: 100%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-col-12-sp {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-col-offset-12-sp {
    margin-left: 100%;
  }
  .u-row--nomargin-sp > .u-col-12-sp {
    padding: 0;
  }
  .u-row--narrow > .u-col-12-sp {
    padding: 10px;
  }
  .u-row--narrow-sp > .u-col-12 {
    padding: 6px;
  }
  .u-row--narrow-sp > .u-col-12-sp {
    padding: 6px;
  }
}
.japan .pressit {
  /* --------------------------
  非表示切り替え
  -------------------------- */
}
@media screen and (min-width: 768px) {
  .japan .pressit .u-hide-pc {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .japan .pressit .u-hide-overtab {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .japan .pressit .u-hide-tab {
    display: none;
  }
}
@media screen and (max-width: 1180px) {
  .japan .pressit .u-hide-laptop {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .japan .pressit .u-hide-sp {
    display: none;
  }
}

/* --------------------------
margin、padding指定
-------------------------- */
.u-mt0 {
  margin-top: 0px !important;
}

.u-mr0 {
  margin-right: 0px !important;
}

.u-ml0 {
  margin-left: 0px !important;
}

.u-mb0 {
  margin-bottom: 0px !important;
}

.u-pt0 {
  padding-top: 0px !important;
}

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

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

.u-pb0 {
  padding-bottom: 0px !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mr5 {
  margin-right: 5px !important;
}

.u-ml5 {
  margin-left: 5px !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-pt5 {
  padding-top: 5px !important;
}

.u-pr5 {
  padding-right: 5px !important;
}

.u-pl5 {
  padding-left: 5px !important;
}

.u-pb5 {
  padding-bottom: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-pt35 {
  padding-top: 35px !important;
}

.u-pr35 {
  padding-right: 35px !important;
}

.u-pl35 {
  padding-left: 35px !important;
}

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-mr45 {
  margin-right: 45px !important;
}

.u-ml45 {
  margin-left: 45px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-pt45 {
  padding-top: 45px !important;
}

.u-pr45 {
  padding-right: 45px !important;
}

.u-pl45 {
  padding-left: 45px !important;
}

.u-pb45 {
  padding-bottom: 45px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-pt50 {
  padding-top: 50px !important;
}

.u-pr50 {
  padding-right: 50px !important;
}

.u-pl50 {
  padding-left: 50px !important;
}

.u-pb50 {
  padding-bottom: 50px !important;
}

.u-mt55 {
  margin-top: 55px !important;
}

.u-mr55 {
  margin-right: 55px !important;
}

.u-ml55 {
  margin-left: 55px !important;
}

.u-mb55 {
  margin-bottom: 55px !important;
}

.u-pt55 {
  padding-top: 55px !important;
}

.u-pr55 {
  padding-right: 55px !important;
}

.u-pl55 {
  padding-left: 55px !important;
}

.u-pb55 {
  padding-bottom: 55px !important;
}

.u-mt60 {
  margin-top: 60px !important;
}

.u-mr60 {
  margin-right: 60px !important;
}

.u-ml60 {
  margin-left: 60px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-pt60 {
  padding-top: 60px !important;
}

.u-pr60 {
  padding-right: 60px !important;
}

.u-pl60 {
  padding-left: 60px !important;
}

.u-pb60 {
  padding-bottom: 60px !important;
}

.u-mt65 {
  margin-top: 65px !important;
}

.u-mr65 {
  margin-right: 65px !important;
}

.u-ml65 {
  margin-left: 65px !important;
}

.u-mb65 {
  margin-bottom: 65px !important;
}

.u-pt65 {
  padding-top: 65px !important;
}

.u-pr65 {
  padding-right: 65px !important;
}

.u-pl65 {
  padding-left: 65px !important;
}

.u-pb65 {
  padding-bottom: 65px !important;
}

.u-mt70 {
  margin-top: 70px !important;
}

.u-mr70 {
  margin-right: 70px !important;
}

.u-ml70 {
  margin-left: 70px !important;
}

.u-mb70 {
  margin-bottom: 70px !important;
}

.u-pt70 {
  padding-top: 70px !important;
}

.u-pr70 {
  padding-right: 70px !important;
}

.u-pl70 {
  padding-left: 70px !important;
}

.u-pb70 {
  padding-bottom: 70px !important;
}

.u-mt75 {
  margin-top: 75px !important;
}

.u-mr75 {
  margin-right: 75px !important;
}

.u-ml75 {
  margin-left: 75px !important;
}

.u-mb75 {
  margin-bottom: 75px !important;
}

.u-pt75 {
  padding-top: 75px !important;
}

.u-pr75 {
  padding-right: 75px !important;
}

.u-pl75 {
  padding-left: 75px !important;
}

.u-pb75 {
  padding-bottom: 75px !important;
}

.u-mt80 {
  margin-top: 80px !important;
}

.u-mr80 {
  margin-right: 80px !important;
}

.u-ml80 {
  margin-left: 80px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-pt80 {
  padding-top: 80px !important;
}

.u-pr80 {
  padding-right: 80px !important;
}

.u-pl80 {
  padding-left: 80px !important;
}

.u-pb80 {
  padding-bottom: 80px !important;
}

.u-mt85 {
  margin-top: 85px !important;
}

.u-mr85 {
  margin-right: 85px !important;
}

.u-ml85 {
  margin-left: 85px !important;
}

.u-mb85 {
  margin-bottom: 85px !important;
}

.u-pt85 {
  padding-top: 85px !important;
}

.u-pr85 {
  padding-right: 85px !important;
}

.u-pl85 {
  padding-left: 85px !important;
}

.u-pb85 {
  padding-bottom: 85px !important;
}

.u-mt90 {
  margin-top: 90px !important;
}

.u-mr90 {
  margin-right: 90px !important;
}

.u-ml90 {
  margin-left: 90px !important;
}

.u-mb90 {
  margin-bottom: 90px !important;
}

.u-pt90 {
  padding-top: 90px !important;
}

.u-pr90 {
  padding-right: 90px !important;
}

.u-pl90 {
  padding-left: 90px !important;
}

.u-pb90 {
  padding-bottom: 90px !important;
}

.u-mt95 {
  margin-top: 95px !important;
}

.u-mr95 {
  margin-right: 95px !important;
}

.u-ml95 {
  margin-left: 95px !important;
}

.u-mb95 {
  margin-bottom: 95px !important;
}

.u-pt95 {
  padding-top: 95px !important;
}

.u-pr95 {
  padding-right: 95px !important;
}

.u-pl95 {
  padding-left: 95px !important;
}

.u-pb95 {
  padding-bottom: 95px !important;
}

.u-mt100 {
  margin-top: 100px !important;
}

.u-mr100 {
  margin-right: 100px !important;
}

.u-ml100 {
  margin-left: 100px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}

.u-pt100 {
  padding-top: 100px !important;
}

.u-pr100 {
  padding-right: 100px !important;
}

.u-pl100 {
  padding-left: 100px !important;
}

.u-pb100 {
  padding-bottom: 100px !important;
}

.u-mt105 {
  margin-top: 105px !important;
}

.u-mr105 {
  margin-right: 105px !important;
}

.u-ml105 {
  margin-left: 105px !important;
}

.u-mb105 {
  margin-bottom: 105px !important;
}

.u-pt105 {
  padding-top: 105px !important;
}

.u-pr105 {
  padding-right: 105px !important;
}

.u-pl105 {
  padding-left: 105px !important;
}

.u-pb105 {
  padding-bottom: 105px !important;
}

.u-mt110 {
  margin-top: 110px !important;
}

.u-mr110 {
  margin-right: 110px !important;
}

.u-ml110 {
  margin-left: 110px !important;
}

.u-mb110 {
  margin-bottom: 110px !important;
}

.u-pt110 {
  padding-top: 110px !important;
}

.u-pr110 {
  padding-right: 110px !important;
}

.u-pl110 {
  padding-left: 110px !important;
}

.u-pb110 {
  padding-bottom: 110px !important;
}

@media screen and (min-width: 768px) {
  .u-mt0-pc {
    margin-top: 0px !important;
  }
  .u-mr0-pc {
    margin-right: 0px !important;
  }
  .u-ml0-pc {
    margin-left: 0px !important;
  }
  .u-mb0-pc {
    margin-bottom: 0px !important;
  }
  .u-pt0-pc {
    padding-top: 0px !important;
  }
  .u-pr0-pc {
    padding-right: 0px !important;
  }
  .u-pl0-pc {
    padding-left: 0px !important;
  }
  .u-pb0-pc {
    padding-bottom: 0px !important;
  }
  .u-mt5-pc {
    margin-top: 5px !important;
  }
  .u-mr5-pc {
    margin-right: 5px !important;
  }
  .u-ml5-pc {
    margin-left: 5px !important;
  }
  .u-mb5-pc {
    margin-bottom: 5px !important;
  }
  .u-pt5-pc {
    padding-top: 5px !important;
  }
  .u-pr5-pc {
    padding-right: 5px !important;
  }
  .u-pl5-pc {
    padding-left: 5px !important;
  }
  .u-pb5-pc {
    padding-bottom: 5px !important;
  }
  .u-mt10-pc {
    margin-top: 10px !important;
  }
  .u-mr10-pc {
    margin-right: 10px !important;
  }
  .u-ml10-pc {
    margin-left: 10px !important;
  }
  .u-mb10-pc {
    margin-bottom: 10px !important;
  }
  .u-pt10-pc {
    padding-top: 10px !important;
  }
  .u-pr10-pc {
    padding-right: 10px !important;
  }
  .u-pl10-pc {
    padding-left: 10px !important;
  }
  .u-pb10-pc {
    padding-bottom: 10px !important;
  }
  .u-mt15-pc {
    margin-top: 15px !important;
  }
  .u-mr15-pc {
    margin-right: 15px !important;
  }
  .u-ml15-pc {
    margin-left: 15px !important;
  }
  .u-mb15-pc {
    margin-bottom: 15px !important;
  }
  .u-pt15-pc {
    padding-top: 15px !important;
  }
  .u-pr15-pc {
    padding-right: 15px !important;
  }
  .u-pl15-pc {
    padding-left: 15px !important;
  }
  .u-pb15-pc {
    padding-bottom: 15px !important;
  }
  .u-mt20-pc {
    margin-top: 20px !important;
  }
  .u-mr20-pc {
    margin-right: 20px !important;
  }
  .u-ml20-pc {
    margin-left: 20px !important;
  }
  .u-mb20-pc {
    margin-bottom: 20px !important;
  }
  .u-pt20-pc {
    padding-top: 20px !important;
  }
  .u-pr20-pc {
    padding-right: 20px !important;
  }
  .u-pl20-pc {
    padding-left: 20px !important;
  }
  .u-pb20-pc {
    padding-bottom: 20px !important;
  }
  .u-mt25-pc {
    margin-top: 25px !important;
  }
  .u-mr25-pc {
    margin-right: 25px !important;
  }
  .u-ml25-pc {
    margin-left: 25px !important;
  }
  .u-mb25-pc {
    margin-bottom: 25px !important;
  }
  .u-pt25-pc {
    padding-top: 25px !important;
  }
  .u-pr25-pc {
    padding-right: 25px !important;
  }
  .u-pl25-pc {
    padding-left: 25px !important;
  }
  .u-pb25-pc {
    padding-bottom: 25px !important;
  }
  .u-mt30-pc {
    margin-top: 30px !important;
  }
  .u-mr30-pc {
    margin-right: 30px !important;
  }
  .u-ml30-pc {
    margin-left: 30px !important;
  }
  .u-mb30-pc {
    margin-bottom: 30px !important;
  }
  .u-pt30-pc {
    padding-top: 30px !important;
  }
  .u-pr30-pc {
    padding-right: 30px !important;
  }
  .u-pl30-pc {
    padding-left: 30px !important;
  }
  .u-pb30-pc {
    padding-bottom: 30px !important;
  }
  .u-mt35-pc {
    margin-top: 35px !important;
  }
  .u-mr35-pc {
    margin-right: 35px !important;
  }
  .u-ml35-pc {
    margin-left: 35px !important;
  }
  .u-mb35-pc {
    margin-bottom: 35px !important;
  }
  .u-pt35-pc {
    padding-top: 35px !important;
  }
  .u-pr35-pc {
    padding-right: 35px !important;
  }
  .u-pl35-pc {
    padding-left: 35px !important;
  }
  .u-pb35-pc {
    padding-bottom: 35px !important;
  }
  .u-mt40-pc {
    margin-top: 40px !important;
  }
  .u-mr40-pc {
    margin-right: 40px !important;
  }
  .u-ml40-pc {
    margin-left: 40px !important;
  }
  .u-mb40-pc {
    margin-bottom: 40px !important;
  }
  .u-pt40-pc {
    padding-top: 40px !important;
  }
  .u-pr40-pc {
    padding-right: 40px !important;
  }
  .u-pl40-pc {
    padding-left: 40px !important;
  }
  .u-pb40-pc {
    padding-bottom: 40px !important;
  }
  .u-mt45-pc {
    margin-top: 45px !important;
  }
  .u-mr45-pc {
    margin-right: 45px !important;
  }
  .u-ml45-pc {
    margin-left: 45px !important;
  }
  .u-mb45-pc {
    margin-bottom: 45px !important;
  }
  .u-pt45-pc {
    padding-top: 45px !important;
  }
  .u-pr45-pc {
    padding-right: 45px !important;
  }
  .u-pl45-pc {
    padding-left: 45px !important;
  }
  .u-pb45-pc {
    padding-bottom: 45px !important;
  }
  .u-mt50-pc {
    margin-top: 50px !important;
  }
  .u-mr50-pc {
    margin-right: 50px !important;
  }
  .u-ml50-pc {
    margin-left: 50px !important;
  }
  .u-mb50-pc {
    margin-bottom: 50px !important;
  }
  .u-pt50-pc {
    padding-top: 50px !important;
  }
  .u-pr50-pc {
    padding-right: 50px !important;
  }
  .u-pl50-pc {
    padding-left: 50px !important;
  }
  .u-pb50-pc {
    padding-bottom: 50px !important;
  }
  .u-mt55-pc {
    margin-top: 55px !important;
  }
  .u-mr55-pc {
    margin-right: 55px !important;
  }
  .u-ml55-pc {
    margin-left: 55px !important;
  }
  .u-mb55-pc {
    margin-bottom: 55px !important;
  }
  .u-pt55-pc {
    padding-top: 55px !important;
  }
  .u-pr55-pc {
    padding-right: 55px !important;
  }
  .u-pl55-pc {
    padding-left: 55px !important;
  }
  .u-pb55-pc {
    padding-bottom: 55px !important;
  }
  .u-mt60-pc {
    margin-top: 60px !important;
  }
  .u-mr60-pc {
    margin-right: 60px !important;
  }
  .u-ml60-pc {
    margin-left: 60px !important;
  }
  .u-mb60-pc {
    margin-bottom: 60px !important;
  }
  .u-pt60-pc {
    padding-top: 60px !important;
  }
  .u-pr60-pc {
    padding-right: 60px !important;
  }
  .u-pl60-pc {
    padding-left: 60px !important;
  }
  .u-pb60-pc {
    padding-bottom: 60px !important;
  }
  .u-mt65-pc {
    margin-top: 65px !important;
  }
  .u-mr65-pc {
    margin-right: 65px !important;
  }
  .u-ml65-pc {
    margin-left: 65px !important;
  }
  .u-mb65-pc {
    margin-bottom: 65px !important;
  }
  .u-pt65-pc {
    padding-top: 65px !important;
  }
  .u-pr65-pc {
    padding-right: 65px !important;
  }
  .u-pl65-pc {
    padding-left: 65px !important;
  }
  .u-pb65-pc {
    padding-bottom: 65px !important;
  }
  .u-mt70-pc {
    margin-top: 70px !important;
  }
  .u-mr70-pc {
    margin-right: 70px !important;
  }
  .u-ml70-pc {
    margin-left: 70px !important;
  }
  .u-mb70-pc {
    margin-bottom: 70px !important;
  }
  .u-pt70-pc {
    padding-top: 70px !important;
  }
  .u-pr70-pc {
    padding-right: 70px !important;
  }
  .u-pl70-pc {
    padding-left: 70px !important;
  }
  .u-pb70-pc {
    padding-bottom: 70px !important;
  }
  .u-mt75-pc {
    margin-top: 75px !important;
  }
  .u-mr75-pc {
    margin-right: 75px !important;
  }
  .u-ml75-pc {
    margin-left: 75px !important;
  }
  .u-mb75-pc {
    margin-bottom: 75px !important;
  }
  .u-pt75-pc {
    padding-top: 75px !important;
  }
  .u-pr75-pc {
    padding-right: 75px !important;
  }
  .u-pl75-pc {
    padding-left: 75px !important;
  }
  .u-pb75-pc {
    padding-bottom: 75px !important;
  }
  .u-mt80-pc {
    margin-top: 80px !important;
  }
  .u-mr80-pc {
    margin-right: 80px !important;
  }
  .u-ml80-pc {
    margin-left: 80px !important;
  }
  .u-mb80-pc {
    margin-bottom: 80px !important;
  }
  .u-pt80-pc {
    padding-top: 80px !important;
  }
  .u-pr80-pc {
    padding-right: 80px !important;
  }
  .u-pl80-pc {
    padding-left: 80px !important;
  }
  .u-pb80-pc {
    padding-bottom: 80px !important;
  }
  .u-mt85-pc {
    margin-top: 85px !important;
  }
  .u-mr85-pc {
    margin-right: 85px !important;
  }
  .u-ml85-pc {
    margin-left: 85px !important;
  }
  .u-mb85-pc {
    margin-bottom: 85px !important;
  }
  .u-pt85-pc {
    padding-top: 85px !important;
  }
  .u-pr85-pc {
    padding-right: 85px !important;
  }
  .u-pl85-pc {
    padding-left: 85px !important;
  }
  .u-pb85-pc {
    padding-bottom: 85px !important;
  }
  .u-mt90-pc {
    margin-top: 90px !important;
  }
  .u-mr90-pc {
    margin-right: 90px !important;
  }
  .u-ml90-pc {
    margin-left: 90px !important;
  }
  .u-mb90-pc {
    margin-bottom: 90px !important;
  }
  .u-pt90-pc {
    padding-top: 90px !important;
  }
  .u-pr90-pc {
    padding-right: 90px !important;
  }
  .u-pl90-pc {
    padding-left: 90px !important;
  }
  .u-pb90-pc {
    padding-bottom: 90px !important;
  }
  .u-mt95-pc {
    margin-top: 95px !important;
  }
  .u-mr95-pc {
    margin-right: 95px !important;
  }
  .u-ml95-pc {
    margin-left: 95px !important;
  }
  .u-mb95-pc {
    margin-bottom: 95px !important;
  }
  .u-pt95-pc {
    padding-top: 95px !important;
  }
  .u-pr95-pc {
    padding-right: 95px !important;
  }
  .u-pl95-pc {
    padding-left: 95px !important;
  }
  .u-pb95-pc {
    padding-bottom: 95px !important;
  }
  .u-mt100-pc {
    margin-top: 100px !important;
  }
  .u-mr100-pc {
    margin-right: 100px !important;
  }
  .u-ml100-pc {
    margin-left: 100px !important;
  }
  .u-mb100-pc {
    margin-bottom: 100px !important;
  }
  .u-pt100-pc {
    padding-top: 100px !important;
  }
  .u-pr100-pc {
    padding-right: 100px !important;
  }
  .u-pl100-pc {
    padding-left: 100px !important;
  }
  .u-pb100-pc {
    padding-bottom: 100px !important;
  }
  .u-mt105-pc {
    margin-top: 105px !important;
  }
  .u-mr105-pc {
    margin-right: 105px !important;
  }
  .u-ml105-pc {
    margin-left: 105px !important;
  }
  .u-mb105-pc {
    margin-bottom: 105px !important;
  }
  .u-pt105-pc {
    padding-top: 105px !important;
  }
  .u-pr105-pc {
    padding-right: 105px !important;
  }
  .u-pl105-pc {
    padding-left: 105px !important;
  }
  .u-pb105-pc {
    padding-bottom: 105px !important;
  }
  .u-mt110-pc {
    margin-top: 110px !important;
  }
  .u-mr110-pc {
    margin-right: 110px !important;
  }
  .u-ml110-pc {
    margin-left: 110px !important;
  }
  .u-mb110-pc {
    margin-bottom: 110px !important;
  }
  .u-pt110-pc {
    padding-top: 110px !important;
  }
  .u-pr110-pc {
    padding-right: 110px !important;
  }
  .u-pl110-pc {
    padding-left: 110px !important;
  }
  .u-pb110-pc {
    padding-bottom: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .u-mt0-sp {
    margin-top: 0px !important;
  }
  .u-mr0-sp {
    margin-right: 0px !important;
  }
  .u-ml0-sp {
    margin-left: 0px !important;
  }
  .u-mb0-sp {
    margin-bottom: 0px !important;
  }
  .u-pt0-sp {
    padding-top: 0px !important;
  }
  .u-pr0-sp {
    padding-right: 0px !important;
  }
  .u-pl0-sp {
    padding-left: 0px !important;
  }
  .u-pb0-sp {
    padding-bottom: 0px !important;
  }
  .u-mt5-sp {
    margin-top: 5px !important;
  }
  .u-mr5-sp {
    margin-right: 5px !important;
  }
  .u-ml5-sp {
    margin-left: 5px !important;
  }
  .u-mb5-sp {
    margin-bottom: 5px !important;
  }
  .u-pt5-sp {
    padding-top: 5px !important;
  }
  .u-pr5-sp {
    padding-right: 5px !important;
  }
  .u-pl5-sp {
    padding-left: 5px !important;
  }
  .u-pb5-sp {
    padding-bottom: 5px !important;
  }
  .u-mt10-sp {
    margin-top: 10px !important;
  }
  .u-mr10-sp {
    margin-right: 10px !important;
  }
  .u-ml10-sp {
    margin-left: 10px !important;
  }
  .u-mb10-sp {
    margin-bottom: 10px !important;
  }
  .u-pt10-sp {
    padding-top: 10px !important;
  }
  .u-pr10-sp {
    padding-right: 10px !important;
  }
  .u-pl10-sp {
    padding-left: 10px !important;
  }
  .u-pb10-sp {
    padding-bottom: 10px !important;
  }
  .u-mt15-sp {
    margin-top: 15px !important;
  }
  .u-mr15-sp {
    margin-right: 15px !important;
  }
  .u-ml15-sp {
    margin-left: 15px !important;
  }
  .u-mb15-sp {
    margin-bottom: 15px !important;
  }
  .u-pt15-sp {
    padding-top: 15px !important;
  }
  .u-pr15-sp {
    padding-right: 15px !important;
  }
  .u-pl15-sp {
    padding-left: 15px !important;
  }
  .u-pb15-sp {
    padding-bottom: 15px !important;
  }
  .u-mt20-sp {
    margin-top: 20px !important;
  }
  .u-mr20-sp {
    margin-right: 20px !important;
  }
  .u-ml20-sp {
    margin-left: 20px !important;
  }
  .u-mb20-sp {
    margin-bottom: 20px !important;
  }
  .u-pt20-sp {
    padding-top: 20px !important;
  }
  .u-pr20-sp {
    padding-right: 20px !important;
  }
  .u-pl20-sp {
    padding-left: 20px !important;
  }
  .u-pb20-sp {
    padding-bottom: 20px !important;
  }
  .u-mt25-sp {
    margin-top: 25px !important;
  }
  .u-mr25-sp {
    margin-right: 25px !important;
  }
  .u-ml25-sp {
    margin-left: 25px !important;
  }
  .u-mb25-sp {
    margin-bottom: 25px !important;
  }
  .u-pt25-sp {
    padding-top: 25px !important;
  }
  .u-pr25-sp {
    padding-right: 25px !important;
  }
  .u-pl25-sp {
    padding-left: 25px !important;
  }
  .u-pb25-sp {
    padding-bottom: 25px !important;
  }
  .u-mt30-sp {
    margin-top: 30px !important;
  }
  .u-mr30-sp {
    margin-right: 30px !important;
  }
  .u-ml30-sp {
    margin-left: 30px !important;
  }
  .u-mb30-sp {
    margin-bottom: 30px !important;
  }
  .u-pt30-sp {
    padding-top: 30px !important;
  }
  .u-pr30-sp {
    padding-right: 30px !important;
  }
  .u-pl30-sp {
    padding-left: 30px !important;
  }
  .u-pb30-sp {
    padding-bottom: 30px !important;
  }
  .u-mt35-sp {
    margin-top: 35px !important;
  }
  .u-mr35-sp {
    margin-right: 35px !important;
  }
  .u-ml35-sp {
    margin-left: 35px !important;
  }
  .u-mb35-sp {
    margin-bottom: 35px !important;
  }
  .u-pt35-sp {
    padding-top: 35px !important;
  }
  .u-pr35-sp {
    padding-right: 35px !important;
  }
  .u-pl35-sp {
    padding-left: 35px !important;
  }
  .u-pb35-sp {
    padding-bottom: 35px !important;
  }
  .u-mt40-sp {
    margin-top: 40px !important;
  }
  .u-mr40-sp {
    margin-right: 40px !important;
  }
  .u-ml40-sp {
    margin-left: 40px !important;
  }
  .u-mb40-sp {
    margin-bottom: 40px !important;
  }
  .u-pt40-sp {
    padding-top: 40px !important;
  }
  .u-pr40-sp {
    padding-right: 40px !important;
  }
  .u-pl40-sp {
    padding-left: 40px !important;
  }
  .u-pb40-sp {
    padding-bottom: 40px !important;
  }
  .u-mt45-sp {
    margin-top: 45px !important;
  }
  .u-mr45-sp {
    margin-right: 45px !important;
  }
  .u-ml45-sp {
    margin-left: 45px !important;
  }
  .u-mb45-sp {
    margin-bottom: 45px !important;
  }
  .u-pt45-sp {
    padding-top: 45px !important;
  }
  .u-pr45-sp {
    padding-right: 45px !important;
  }
  .u-pl45-sp {
    padding-left: 45px !important;
  }
  .u-pb45-sp {
    padding-bottom: 45px !important;
  }
  .u-mt50-sp {
    margin-top: 50px !important;
  }
  .u-mr50-sp {
    margin-right: 50px !important;
  }
  .u-ml50-sp {
    margin-left: 50px !important;
  }
  .u-mb50-sp {
    margin-bottom: 50px !important;
  }
  .u-pt50-sp {
    padding-top: 50px !important;
  }
  .u-pr50-sp {
    padding-right: 50px !important;
  }
  .u-pl50-sp {
    padding-left: 50px !important;
  }
  .u-pb50-sp {
    padding-bottom: 50px !important;
  }
  .u-mt55-sp {
    margin-top: 55px !important;
  }
  .u-mr55-sp {
    margin-right: 55px !important;
  }
  .u-ml55-sp {
    margin-left: 55px !important;
  }
  .u-mb55-sp {
    margin-bottom: 55px !important;
  }
  .u-pt55-sp {
    padding-top: 55px !important;
  }
  .u-pr55-sp {
    padding-right: 55px !important;
  }
  .u-pl55-sp {
    padding-left: 55px !important;
  }
  .u-pb55-sp {
    padding-bottom: 55px !important;
  }
  .u-mt60-sp {
    margin-top: 60px !important;
  }
  .u-mr60-sp {
    margin-right: 60px !important;
  }
  .u-ml60-sp {
    margin-left: 60px !important;
  }
  .u-mb60-sp {
    margin-bottom: 60px !important;
  }
  .u-pt60-sp {
    padding-top: 60px !important;
  }
  .u-pr60-sp {
    padding-right: 60px !important;
  }
  .u-pl60-sp {
    padding-left: 60px !important;
  }
  .u-pb60-sp {
    padding-bottom: 60px !important;
  }
  .u-mt65-sp {
    margin-top: 65px !important;
  }
  .u-mr65-sp {
    margin-right: 65px !important;
  }
  .u-ml65-sp {
    margin-left: 65px !important;
  }
  .u-mb65-sp {
    margin-bottom: 65px !important;
  }
  .u-pt65-sp {
    padding-top: 65px !important;
  }
  .u-pr65-sp {
    padding-right: 65px !important;
  }
  .u-pl65-sp {
    padding-left: 65px !important;
  }
  .u-pb65-sp {
    padding-bottom: 65px !important;
  }
  .u-mt70-sp {
    margin-top: 70px !important;
  }
  .u-mr70-sp {
    margin-right: 70px !important;
  }
  .u-ml70-sp {
    margin-left: 70px !important;
  }
  .u-mb70-sp {
    margin-bottom: 70px !important;
  }
  .u-pt70-sp {
    padding-top: 70px !important;
  }
  .u-pr70-sp {
    padding-right: 70px !important;
  }
  .u-pl70-sp {
    padding-left: 70px !important;
  }
  .u-pb70-sp {
    padding-bottom: 70px !important;
  }
  .u-mt75-sp {
    margin-top: 75px !important;
  }
  .u-mr75-sp {
    margin-right: 75px !important;
  }
  .u-ml75-sp {
    margin-left: 75px !important;
  }
  .u-mb75-sp {
    margin-bottom: 75px !important;
  }
  .u-pt75-sp {
    padding-top: 75px !important;
  }
  .u-pr75-sp {
    padding-right: 75px !important;
  }
  .u-pl75-sp {
    padding-left: 75px !important;
  }
  .u-pb75-sp {
    padding-bottom: 75px !important;
  }
  .u-mt80-sp {
    margin-top: 80px !important;
  }
  .u-mr80-sp {
    margin-right: 80px !important;
  }
  .u-ml80-sp {
    margin-left: 80px !important;
  }
  .u-mb80-sp {
    margin-bottom: 80px !important;
  }
  .u-pt80-sp {
    padding-top: 80px !important;
  }
  .u-pr80-sp {
    padding-right: 80px !important;
  }
  .u-pl80-sp {
    padding-left: 80px !important;
  }
  .u-pb80-sp {
    padding-bottom: 80px !important;
  }
  .u-mt85-sp {
    margin-top: 85px !important;
  }
  .u-mr85-sp {
    margin-right: 85px !important;
  }
  .u-ml85-sp {
    margin-left: 85px !important;
  }
  .u-mb85-sp {
    margin-bottom: 85px !important;
  }
  .u-pt85-sp {
    padding-top: 85px !important;
  }
  .u-pr85-sp {
    padding-right: 85px !important;
  }
  .u-pl85-sp {
    padding-left: 85px !important;
  }
  .u-pb85-sp {
    padding-bottom: 85px !important;
  }
  .u-mt90-sp {
    margin-top: 90px !important;
  }
  .u-mr90-sp {
    margin-right: 90px !important;
  }
  .u-ml90-sp {
    margin-left: 90px !important;
  }
  .u-mb90-sp {
    margin-bottom: 90px !important;
  }
  .u-pt90-sp {
    padding-top: 90px !important;
  }
  .u-pr90-sp {
    padding-right: 90px !important;
  }
  .u-pl90-sp {
    padding-left: 90px !important;
  }
  .u-pb90-sp {
    padding-bottom: 90px !important;
  }
  .u-mt95-sp {
    margin-top: 95px !important;
  }
  .u-mr95-sp {
    margin-right: 95px !important;
  }
  .u-ml95-sp {
    margin-left: 95px !important;
  }
  .u-mb95-sp {
    margin-bottom: 95px !important;
  }
  .u-pt95-sp {
    padding-top: 95px !important;
  }
  .u-pr95-sp {
    padding-right: 95px !important;
  }
  .u-pl95-sp {
    padding-left: 95px !important;
  }
  .u-pb95-sp {
    padding-bottom: 95px !important;
  }
  .u-mt100-sp {
    margin-top: 100px !important;
  }
  .u-mr100-sp {
    margin-right: 100px !important;
  }
  .u-ml100-sp {
    margin-left: 100px !important;
  }
  .u-mb100-sp {
    margin-bottom: 100px !important;
  }
  .u-pt100-sp {
    padding-top: 100px !important;
  }
  .u-pr100-sp {
    padding-right: 100px !important;
  }
  .u-pl100-sp {
    padding-left: 100px !important;
  }
  .u-pb100-sp {
    padding-bottom: 100px !important;
  }
  .u-mt105-sp {
    margin-top: 105px !important;
  }
  .u-mr105-sp {
    margin-right: 105px !important;
  }
  .u-ml105-sp {
    margin-left: 105px !important;
  }
  .u-mb105-sp {
    margin-bottom: 105px !important;
  }
  .u-pt105-sp {
    padding-top: 105px !important;
  }
  .u-pr105-sp {
    padding-right: 105px !important;
  }
  .u-pl105-sp {
    padding-left: 105px !important;
  }
  .u-pb105-sp {
    padding-bottom: 105px !important;
  }
  .u-mt110-sp {
    margin-top: 110px !important;
  }
  .u-mr110-sp {
    margin-right: 110px !important;
  }
  .u-ml110-sp {
    margin-left: 110px !important;
  }
  .u-mb110-sp {
    margin-bottom: 110px !important;
  }
  .u-pt110-sp {
    padding-top: 110px !important;
  }
  .u-pr110-sp {
    padding-right: 110px !important;
  }
  .u-pl110-sp {
    padding-left: 110px !important;
  }
  .u-pb110-sp {
    padding-bottom: 110px !important;
  }
}
@media screen and (max-width: 1024px) {
  .u-mt0-tab {
    margin-top: 0px !important;
  }
  .u-mr0-tab {
    margin-right: 0px !important;
  }
  .u-ml0-tab {
    margin-left: 0px !important;
  }
  .u-mb0-tab {
    margin-bottom: 0px !important;
  }
  .u-pt0-tab {
    padding-top: 0px !important;
  }
  .u-pr0-tab {
    padding-right: 0px !important;
  }
  .u-pl0-tab {
    padding-left: 0px !important;
  }
  .u-pb0-tab {
    padding-bottom: 0px !important;
  }
  .u-mt5-tab {
    margin-top: 5px !important;
  }
  .u-mr5-tab {
    margin-right: 5px !important;
  }
  .u-ml5-tab {
    margin-left: 5px !important;
  }
  .u-mb5-tab {
    margin-bottom: 5px !important;
  }
  .u-pt5-tab {
    padding-top: 5px !important;
  }
  .u-pr5-tab {
    padding-right: 5px !important;
  }
  .u-pl5-tab {
    padding-left: 5px !important;
  }
  .u-pb5-tab {
    padding-bottom: 5px !important;
  }
  .u-mt10-tab {
    margin-top: 10px !important;
  }
  .u-mr10-tab {
    margin-right: 10px !important;
  }
  .u-ml10-tab {
    margin-left: 10px !important;
  }
  .u-mb10-tab {
    margin-bottom: 10px !important;
  }
  .u-pt10-tab {
    padding-top: 10px !important;
  }
  .u-pr10-tab {
    padding-right: 10px !important;
  }
  .u-pl10-tab {
    padding-left: 10px !important;
  }
  .u-pb10-tab {
    padding-bottom: 10px !important;
  }
  .u-mt15-tab {
    margin-top: 15px !important;
  }
  .u-mr15-tab {
    margin-right: 15px !important;
  }
  .u-ml15-tab {
    margin-left: 15px !important;
  }
  .u-mb15-tab {
    margin-bottom: 15px !important;
  }
  .u-pt15-tab {
    padding-top: 15px !important;
  }
  .u-pr15-tab {
    padding-right: 15px !important;
  }
  .u-pl15-tab {
    padding-left: 15px !important;
  }
  .u-pb15-tab {
    padding-bottom: 15px !important;
  }
  .u-mt20-tab {
    margin-top: 20px !important;
  }
  .u-mr20-tab {
    margin-right: 20px !important;
  }
  .u-ml20-tab {
    margin-left: 20px !important;
  }
  .u-mb20-tab {
    margin-bottom: 20px !important;
  }
  .u-pt20-tab {
    padding-top: 20px !important;
  }
  .u-pr20-tab {
    padding-right: 20px !important;
  }
  .u-pl20-tab {
    padding-left: 20px !important;
  }
  .u-pb20-tab {
    padding-bottom: 20px !important;
  }
  .u-mt25-tab {
    margin-top: 25px !important;
  }
  .u-mr25-tab {
    margin-right: 25px !important;
  }
  .u-ml25-tab {
    margin-left: 25px !important;
  }
  .u-mb25-tab {
    margin-bottom: 25px !important;
  }
  .u-pt25-tab {
    padding-top: 25px !important;
  }
  .u-pr25-tab {
    padding-right: 25px !important;
  }
  .u-pl25-tab {
    padding-left: 25px !important;
  }
  .u-pb25-tab {
    padding-bottom: 25px !important;
  }
  .u-mt30-tab {
    margin-top: 30px !important;
  }
  .u-mr30-tab {
    margin-right: 30px !important;
  }
  .u-ml30-tab {
    margin-left: 30px !important;
  }
  .u-mb30-tab {
    margin-bottom: 30px !important;
  }
  .u-pt30-tab {
    padding-top: 30px !important;
  }
  .u-pr30-tab {
    padding-right: 30px !important;
  }
  .u-pl30-tab {
    padding-left: 30px !important;
  }
  .u-pb30-tab {
    padding-bottom: 30px !important;
  }
  .u-mt35-tab {
    margin-top: 35px !important;
  }
  .u-mr35-tab {
    margin-right: 35px !important;
  }
  .u-ml35-tab {
    margin-left: 35px !important;
  }
  .u-mb35-tab {
    margin-bottom: 35px !important;
  }
  .u-pt35-tab {
    padding-top: 35px !important;
  }
  .u-pr35-tab {
    padding-right: 35px !important;
  }
  .u-pl35-tab {
    padding-left: 35px !important;
  }
  .u-pb35-tab {
    padding-bottom: 35px !important;
  }
  .u-mt40-tab {
    margin-top: 40px !important;
  }
  .u-mr40-tab {
    margin-right: 40px !important;
  }
  .u-ml40-tab {
    margin-left: 40px !important;
  }
  .u-mb40-tab {
    margin-bottom: 40px !important;
  }
  .u-pt40-tab {
    padding-top: 40px !important;
  }
  .u-pr40-tab {
    padding-right: 40px !important;
  }
  .u-pl40-tab {
    padding-left: 40px !important;
  }
  .u-pb40-tab {
    padding-bottom: 40px !important;
  }
  .u-mt45-tab {
    margin-top: 45px !important;
  }
  .u-mr45-tab {
    margin-right: 45px !important;
  }
  .u-ml45-tab {
    margin-left: 45px !important;
  }
  .u-mb45-tab {
    margin-bottom: 45px !important;
  }
  .u-pt45-tab {
    padding-top: 45px !important;
  }
  .u-pr45-tab {
    padding-right: 45px !important;
  }
  .u-pl45-tab {
    padding-left: 45px !important;
  }
  .u-pb45-tab {
    padding-bottom: 45px !important;
  }
  .u-mt50-tab {
    margin-top: 50px !important;
  }
  .u-mr50-tab {
    margin-right: 50px !important;
  }
  .u-ml50-tab {
    margin-left: 50px !important;
  }
  .u-mb50-tab {
    margin-bottom: 50px !important;
  }
  .u-pt50-tab {
    padding-top: 50px !important;
  }
  .u-pr50-tab {
    padding-right: 50px !important;
  }
  .u-pl50-tab {
    padding-left: 50px !important;
  }
  .u-pb50-tab {
    padding-bottom: 50px !important;
  }
  .u-mt55-tab {
    margin-top: 55px !important;
  }
  .u-mr55-tab {
    margin-right: 55px !important;
  }
  .u-ml55-tab {
    margin-left: 55px !important;
  }
  .u-mb55-tab {
    margin-bottom: 55px !important;
  }
  .u-pt55-tab {
    padding-top: 55px !important;
  }
  .u-pr55-tab {
    padding-right: 55px !important;
  }
  .u-pl55-tab {
    padding-left: 55px !important;
  }
  .u-pb55-tab {
    padding-bottom: 55px !important;
  }
  .u-mt60-tab {
    margin-top: 60px !important;
  }
  .u-mr60-tab {
    margin-right: 60px !important;
  }
  .u-ml60-tab {
    margin-left: 60px !important;
  }
  .u-mb60-tab {
    margin-bottom: 60px !important;
  }
  .u-pt60-tab {
    padding-top: 60px !important;
  }
  .u-pr60-tab {
    padding-right: 60px !important;
  }
  .u-pl60-tab {
    padding-left: 60px !important;
  }
  .u-pb60-tab {
    padding-bottom: 60px !important;
  }
  .u-mt65-tab {
    margin-top: 65px !important;
  }
  .u-mr65-tab {
    margin-right: 65px !important;
  }
  .u-ml65-tab {
    margin-left: 65px !important;
  }
  .u-mb65-tab {
    margin-bottom: 65px !important;
  }
  .u-pt65-tab {
    padding-top: 65px !important;
  }
  .u-pr65-tab {
    padding-right: 65px !important;
  }
  .u-pl65-tab {
    padding-left: 65px !important;
  }
  .u-pb65-tab {
    padding-bottom: 65px !important;
  }
  .u-mt70-tab {
    margin-top: 70px !important;
  }
  .u-mr70-tab {
    margin-right: 70px !important;
  }
  .u-ml70-tab {
    margin-left: 70px !important;
  }
  .u-mb70-tab {
    margin-bottom: 70px !important;
  }
  .u-pt70-tab {
    padding-top: 70px !important;
  }
  .u-pr70-tab {
    padding-right: 70px !important;
  }
  .u-pl70-tab {
    padding-left: 70px !important;
  }
  .u-pb70-tab {
    padding-bottom: 70px !important;
  }
  .u-mt75-tab {
    margin-top: 75px !important;
  }
  .u-mr75-tab {
    margin-right: 75px !important;
  }
  .u-ml75-tab {
    margin-left: 75px !important;
  }
  .u-mb75-tab {
    margin-bottom: 75px !important;
  }
  .u-pt75-tab {
    padding-top: 75px !important;
  }
  .u-pr75-tab {
    padding-right: 75px !important;
  }
  .u-pl75-tab {
    padding-left: 75px !important;
  }
  .u-pb75-tab {
    padding-bottom: 75px !important;
  }
  .u-mt80-tab {
    margin-top: 80px !important;
  }
  .u-mr80-tab {
    margin-right: 80px !important;
  }
  .u-ml80-tab {
    margin-left: 80px !important;
  }
  .u-mb80-tab {
    margin-bottom: 80px !important;
  }
  .u-pt80-tab {
    padding-top: 80px !important;
  }
  .u-pr80-tab {
    padding-right: 80px !important;
  }
  .u-pl80-tab {
    padding-left: 80px !important;
  }
  .u-pb80-tab {
    padding-bottom: 80px !important;
  }
  .u-mt85-tab {
    margin-top: 85px !important;
  }
  .u-mr85-tab {
    margin-right: 85px !important;
  }
  .u-ml85-tab {
    margin-left: 85px !important;
  }
  .u-mb85-tab {
    margin-bottom: 85px !important;
  }
  .u-pt85-tab {
    padding-top: 85px !important;
  }
  .u-pr85-tab {
    padding-right: 85px !important;
  }
  .u-pl85-tab {
    padding-left: 85px !important;
  }
  .u-pb85-tab {
    padding-bottom: 85px !important;
  }
  .u-mt90-tab {
    margin-top: 90px !important;
  }
  .u-mr90-tab {
    margin-right: 90px !important;
  }
  .u-ml90-tab {
    margin-left: 90px !important;
  }
  .u-mb90-tab {
    margin-bottom: 90px !important;
  }
  .u-pt90-tab {
    padding-top: 90px !important;
  }
  .u-pr90-tab {
    padding-right: 90px !important;
  }
  .u-pl90-tab {
    padding-left: 90px !important;
  }
  .u-pb90-tab {
    padding-bottom: 90px !important;
  }
  .u-mt95-tab {
    margin-top: 95px !important;
  }
  .u-mr95-tab {
    margin-right: 95px !important;
  }
  .u-ml95-tab {
    margin-left: 95px !important;
  }
  .u-mb95-tab {
    margin-bottom: 95px !important;
  }
  .u-pt95-tab {
    padding-top: 95px !important;
  }
  .u-pr95-tab {
    padding-right: 95px !important;
  }
  .u-pl95-tab {
    padding-left: 95px !important;
  }
  .u-pb95-tab {
    padding-bottom: 95px !important;
  }
  .u-mt100-tab {
    margin-top: 100px !important;
  }
  .u-mr100-tab {
    margin-right: 100px !important;
  }
  .u-ml100-tab {
    margin-left: 100px !important;
  }
  .u-mb100-tab {
    margin-bottom: 100px !important;
  }
  .u-pt100-tab {
    padding-top: 100px !important;
  }
  .u-pr100-tab {
    padding-right: 100px !important;
  }
  .u-pl100-tab {
    padding-left: 100px !important;
  }
  .u-pb100-tab {
    padding-bottom: 100px !important;
  }
  .u-mt105-tab {
    margin-top: 105px !important;
  }
  .u-mr105-tab {
    margin-right: 105px !important;
  }
  .u-ml105-tab {
    margin-left: 105px !important;
  }
  .u-mb105-tab {
    margin-bottom: 105px !important;
  }
  .u-pt105-tab {
    padding-top: 105px !important;
  }
  .u-pr105-tab {
    padding-right: 105px !important;
  }
  .u-pl105-tab {
    padding-left: 105px !important;
  }
  .u-pb105-tab {
    padding-bottom: 105px !important;
  }
  .u-mt110-tab {
    margin-top: 110px !important;
  }
  .u-mr110-tab {
    margin-right: 110px !important;
  }
  .u-ml110-tab {
    margin-left: 110px !important;
  }
  .u-mb110-tab {
    margin-bottom: 110px !important;
  }
  .u-pt110-tab {
    padding-top: 110px !important;
  }
  .u-pr110-tab {
    padding-right: 110px !important;
  }
  .u-pl110-tab {
    padding-left: 110px !important;
  }
  .u-pb110-tab {
    padding-bottom: 110px !important;
  }
}
@media screen and (max-width: 1180px) {
  .u-mr30--laptop {
    margin-right: 30px im !important;
  }
}
.u-position-relative {
  position: relative;
}

/* --------------------------
テキスト装飾
-------------------------- */
.u-text-accent {
  color: #EE7800;
}

.u-text-important {
  color: #E60012;
}

.u-text-inverse {
  color: #fff;
}

.u-text-sub {
  color: #969696;
}

.u-text-black {
  color: #000;
}

.u-text-blue {
  color: #54c2f0;
}

.u-text-serif {
  font-family: "Times New Roman", Times, serif;
}

.u-text-bold {
  font-weight: 700;
}

.u-text-regular {
  font-weight: 400;
}

.u-text-normal {
  font-weight: 500;
}

.u-text-highlight {
  background: linear-gradient(transparent 70%, #EE7800 70%);
}

.u-text-underline {
  text-decoration: underline;
}

.u-text-x-large {
  font-size: 1.75rem;
}
@media screen and (max-width: 767px) {
  .u-text-x-large {
    font-size: 1.75rem;
  }
}

.u-text-large {
  font-size: 1.375rem;
}

.u-text-bit-large {
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .u-text-bit-large {
    font-size: 1.25rem;
  }
}

.u-text-medium {
  font-size: 1.125rem;
}
@media screen and (max-width: 1024px) {
  .u-text-medium {
    font-size: 1rem;
  }
}

.u-text-default {
  font-size: 1rem;
}
@media screen and (max-width: 1024px) {
  .u-text-default {
    font-size: 1rem;
  }
  .u-text-default-sp {
    font-size: 1rem;
  }
}

.u-text-bit-small {
  font-size: 0.875rem;
}
@media screen and (max-width: 1024px) {
  .u-text-bit-small {
    font-size: 0.875rem;
  }
}

.u-text-small {
  font-size: 0.8125rem;
}

.u-text-x-small {
  font-size: 0.6875rem;
}

/* --------------------------
幅指定
-------------------------- */
.u-w100 {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .u-w100-tab {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .u-w100--sp {
    width: 100%;
  }
}
.u-w730px {
  max-width: 730px;
}