@charset "UTF-8";
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width: 960px){
  html{
    font-size: 62.5%;
  }
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

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

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

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

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

select::-ms-expand {
  display: none;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: none;
}

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

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
.u-bg-navy {
  background-color: #004d8e;
}

.u-bg-beige {
  background-color: #fff4d8;
}

.u-bg-stripe {
  background: repeating-linear-gradient(135deg, #004d8e, #004d8e 10px, #004388 10px, #004388 20px);
}

.u-bg-contact {
  background-image: url(../img/shuttyou-lp/bg-contact-sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 520px) {
  .u-bg-contact {
    background-image: url(../img/shuttyou-lp/bg-contact-pc.jpg);
  }
}

.u-inner {
  width: 90%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 80px 0;
}
@media screen and (min-width: 520px) {
  .u-inner {
    padding: 80px 0;
  }
}

.u-red {
  color: #f64343;
}

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

.u-caution {
  color: #999;
  font-size: clamp(1.2rem, 1.2rem + (1vw - 0.52rem) * 0.4545454545, 1.4rem);
}

.u-cautionList li {
  color: #999;
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.3em;
  line-height: 1.5;
  font-size: clamp(1.2rem, 1.2rem + (1vw - 0.52rem) * 0.4545454545, 1.4rem);
}

.u-txtLink {
  color: #f64343;
  text-decoration: underline;
  display: inline-block;
  position: relative;
}
.u-txtLink:hover {
  color: #cccccc;
}

.u-linkSpot {
  margin-top: -40px;
  padding-top: 40px;
}
@media screen and (min-width: 520px) {
  .u-linkSpot {
    margin-top: -80px;
    padding-top: 80px;
  }
}

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

@media screen and (min-width: 960px) {
  .u-center-pc {
    text-align: center;
  }
}

@media screen and (min-width: 520px) {
  .u-center-tbpc {
    text-align: center;
  }
}

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

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

.u-list > li {
  text-indent: -0.5em;
  margin-left: 1em;
}
.u-list > li:last-child {
  margin-bottom: 0;
}
.u-list > li::before {
  content: "※";
  display: inline-block;
}

.u-mt-0 {
  margin-top: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-0 {
    margin-top: 0px !important;
  }
}

.u-mb-0 {
  margin-bottom: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-0 {
    margin-bottom: 0px !important;
  }
}

.u-ml-0 {
  margin-left: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-0 {
    margin-left: 0px !important;
  }
}

.u-mr-0 {
  margin-right: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-0 {
    margin-right: 0px !important;
  }
}

.u-m-0 {
  margin: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-m-0 {
    margin: 0px !important;
  }
}

.u-mt-1 {
  margin-top: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-1 {
    margin-top: 12px !important;
  }
}

.u-mb-1 {
  margin-bottom: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-1 {
    margin-bottom: 12px !important;
  }
}

.u-ml-1 {
  margin-left: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-1 {
    margin-left: 12px !important;
  }
}

.u-mr-1 {
  margin-right: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-1 {
    margin-right: 12px !important;
  }
}

.u-m-1 {
  margin: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-m-1 {
    margin: 12px !important;
  }
}

.u-mt-2 {
  margin-top: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-2 {
    margin-top: 24px !important;
  }
}

.u-mb-2 {
  margin-bottom: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-2 {
    margin-bottom: 24px !important;
  }
}

.u-ml-2 {
  margin-left: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-2 {
    margin-left: 24px !important;
  }
}

.u-mr-2 {
  margin-right: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-2 {
    margin-right: 24px !important;
  }
}

.u-m-2 {
  margin: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-m-2 {
    margin: 24px !important;
  }
}

.u-mt-3 {
  margin-top: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-3 {
    margin-top: 36px !important;
  }
}

.u-mb-3 {
  margin-bottom: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-3 {
    margin-bottom: 36px !important;
  }
}

.u-ml-3 {
  margin-left: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-3 {
    margin-left: 36px !important;
  }
}

.u-mr-3 {
  margin-right: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-3 {
    margin-right: 36px !important;
  }
}

.u-m-3 {
  margin: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-m-3 {
    margin: 36px !important;
  }
}

.u-mt-4 {
  margin-top: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-4 {
    margin-top: 48px !important;
  }
}

.u-mb-4 {
  margin-bottom: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-4 {
    margin-bottom: 48px !important;
  }
}

.u-ml-4 {
  margin-left: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-4 {
    margin-left: 48px !important;
  }
}

.u-mr-4 {
  margin-right: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-4 {
    margin-right: 48px !important;
  }
}

.u-m-4 {
  margin: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-m-4 {
    margin: 48px !important;
  }
}

.u-mt-5 {
  margin-top: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-5 {
    margin-top: 60px !important;
  }
}

.u-mb-5 {
  margin-bottom: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-5 {
    margin-bottom: 60px !important;
  }
}

.u-ml-5 {
  margin-left: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-5 {
    margin-left: 60px !important;
  }
}

.u-mr-5 {
  margin-right: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-5 {
    margin-right: 60px !important;
  }
}

.u-m-5 {
  margin: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-m-5 {
    margin: 60px !important;
  }
}

.u-mt-6 {
  margin-top: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-6 {
    margin-top: 72px !important;
  }
}

.u-mb-6 {
  margin-bottom: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-6 {
    margin-bottom: 72px !important;
  }
}

.u-ml-6 {
  margin-left: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-6 {
    margin-left: 72px !important;
  }
}

.u-mr-6 {
  margin-right: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-6 {
    margin-right: 72px !important;
  }
}

.u-m-6 {
  margin: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-m-6 {
    margin: 72px !important;
  }
}

.u-mt-7 {
  margin-top: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-7 {
    margin-top: 84px !important;
  }
}

.u-mb-7 {
  margin-bottom: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-7 {
    margin-bottom: 84px !important;
  }
}

.u-ml-7 {
  margin-left: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-7 {
    margin-left: 84px !important;
  }
}

.u-mr-7 {
  margin-right: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-7 {
    margin-right: 84px !important;
  }
}

.u-m-7 {
  margin: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-m-7 {
    margin: 84px !important;
  }
}

.u-mt-8 {
  margin-top: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-8 {
    margin-top: 96px !important;
  }
}

.u-mb-8 {
  margin-bottom: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-8 {
    margin-bottom: 96px !important;
  }
}

.u-ml-8 {
  margin-left: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-8 {
    margin-left: 96px !important;
  }
}

.u-mr-8 {
  margin-right: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-8 {
    margin-right: 96px !important;
  }
}

.u-m-8 {
  margin: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-m-8 {
    margin: 96px !important;
  }
}

.u-mt-9 {
  margin-top: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-9 {
    margin-top: 108px !important;
  }
}

.u-mb-9 {
  margin-bottom: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-9 {
    margin-bottom: 108px !important;
  }
}

.u-ml-9 {
  margin-left: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-9 {
    margin-left: 108px !important;
  }
}

.u-mr-9 {
  margin-right: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-9 {
    margin-right: 108px !important;
  }
}

.u-m-9 {
  margin: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-m-9 {
    margin: 108px !important;
  }
}

.u-mt-10 {
  margin-top: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-10 {
    margin-top: 120px !important;
  }
}

.u-mb-10 {
  margin-bottom: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-10 {
    margin-bottom: 120px !important;
  }
}

.u-ml-10 {
  margin-left: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-10 {
    margin-left: 120px !important;
  }
}

.u-mr-10 {
  margin-right: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-10 {
    margin-right: 120px !important;
  }
}

.u-m-10 {
  margin: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-m-10 {
    margin: 120px !important;
  }
}

.u-mt-11 {
  margin-top: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-11 {
    margin-top: 132px !important;
  }
}

.u-mb-11 {
  margin-bottom: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-11 {
    margin-bottom: 132px !important;
  }
}

.u-ml-11 {
  margin-left: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-11 {
    margin-left: 132px !important;
  }
}

.u-mr-11 {
  margin-right: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-11 {
    margin-right: 132px !important;
  }
}

.u-m-11 {
  margin: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-m-11 {
    margin: 132px !important;
  }
}

.u-mt-12 {
  margin-top: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-12 {
    margin-top: 144px !important;
  }
}

.u-mb-12 {
  margin-bottom: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-12 {
    margin-bottom: 144px !important;
  }
}

.u-ml-12 {
  margin-left: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-12 {
    margin-left: 144px !important;
  }
}

.u-mr-12 {
  margin-right: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-12 {
    margin-right: 144px !important;
  }
}

.u-m-12 {
  margin: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-m-12 {
    margin: 144px !important;
  }
}

.u-mt-13 {
  margin-top: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-13 {
    margin-top: 156px !important;
  }
}

.u-mb-13 {
  margin-bottom: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-13 {
    margin-bottom: 156px !important;
  }
}

.u-ml-13 {
  margin-left: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-13 {
    margin-left: 156px !important;
  }
}

.u-mr-13 {
  margin-right: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-13 {
    margin-right: 156px !important;
  }
}

.u-m-13 {
  margin: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-m-13 {
    margin: 156px !important;
  }
}

.u-mt-14 {
  margin-top: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-14 {
    margin-top: 168px !important;
  }
}

.u-mb-14 {
  margin-bottom: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-14 {
    margin-bottom: 168px !important;
  }
}

.u-ml-14 {
  margin-left: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-14 {
    margin-left: 168px !important;
  }
}

.u-mr-14 {
  margin-right: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-14 {
    margin-right: 168px !important;
  }
}

.u-m-14 {
  margin: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-m-14 {
    margin: 168px !important;
  }
}

.u-mt-15 {
  margin-top: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-15 {
    margin-top: 180px !important;
  }
}

.u-mb-15 {
  margin-bottom: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-15 {
    margin-bottom: 180px !important;
  }
}

.u-ml-15 {
  margin-left: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-15 {
    margin-left: 180px !important;
  }
}

.u-mr-15 {
  margin-right: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-15 {
    margin-right: 180px !important;
  }
}

.u-m-15 {
  margin: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-m-15 {
    margin: 180px !important;
  }
}

.u-mt-16 {
  margin-top: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-16 {
    margin-top: 192px !important;
  }
}

.u-mb-16 {
  margin-bottom: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-16 {
    margin-bottom: 192px !important;
  }
}

.u-ml-16 {
  margin-left: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-16 {
    margin-left: 192px !important;
  }
}

.u-mr-16 {
  margin-right: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-16 {
    margin-right: 192px !important;
  }
}

.u-m-16 {
  margin: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-m-16 {
    margin: 192px !important;
  }
}

.u-mt-17 {
  margin-top: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-17 {
    margin-top: 204px !important;
  }
}

.u-mb-17 {
  margin-bottom: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-17 {
    margin-bottom: 204px !important;
  }
}

.u-ml-17 {
  margin-left: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-17 {
    margin-left: 204px !important;
  }
}

.u-mr-17 {
  margin-right: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-17 {
    margin-right: 204px !important;
  }
}

.u-m-17 {
  margin: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-m-17 {
    margin: 204px !important;
  }
}

.u-mt-18 {
  margin-top: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-18 {
    margin-top: 216px !important;
  }
}

.u-mb-18 {
  margin-bottom: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-18 {
    margin-bottom: 216px !important;
  }
}

.u-ml-18 {
  margin-left: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-18 {
    margin-left: 216px !important;
  }
}

.u-mr-18 {
  margin-right: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-18 {
    margin-right: 216px !important;
  }
}

.u-m-18 {
  margin: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-m-18 {
    margin: 216px !important;
  }
}

.u-mt-19 {
  margin-top: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-19 {
    margin-top: 228px !important;
  }
}

.u-mb-19 {
  margin-bottom: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-19 {
    margin-bottom: 228px !important;
  }
}

.u-ml-19 {
  margin-left: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-19 {
    margin-left: 228px !important;
  }
}

.u-mr-19 {
  margin-right: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-19 {
    margin-right: 228px !important;
  }
}

.u-m-19 {
  margin: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-m-19 {
    margin: 228px !important;
  }
}

.u-mt-20 {
  margin-top: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-20 {
    margin-top: 240px !important;
  }
}

.u-mb-20 {
  margin-bottom: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-20 {
    margin-bottom: 240px !important;
  }
}

.u-ml-20 {
  margin-left: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-20 {
    margin-left: 240px !important;
  }
}

.u-mr-20 {
  margin-right: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-20 {
    margin-right: 240px !important;
  }
}

.u-m-20 {
  margin: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-m-20 {
    margin: 240px !important;
  }
}

.u-mt-21 {
  margin-top: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-21 {
    margin-top: 252px !important;
  }
}

.u-mb-21 {
  margin-bottom: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-21 {
    margin-bottom: 252px !important;
  }
}

.u-ml-21 {
  margin-left: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-21 {
    margin-left: 252px !important;
  }
}

.u-mr-21 {
  margin-right: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-21 {
    margin-right: 252px !important;
  }
}

.u-m-21 {
  margin: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-m-21 {
    margin: 252px !important;
  }
}

.u-mt-22 {
  margin-top: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-22 {
    margin-top: 264px !important;
  }
}

.u-mb-22 {
  margin-bottom: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-22 {
    margin-bottom: 264px !important;
  }
}

.u-ml-22 {
  margin-left: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-22 {
    margin-left: 264px !important;
  }
}

.u-mr-22 {
  margin-right: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-22 {
    margin-right: 264px !important;
  }
}

.u-m-22 {
  margin: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-m-22 {
    margin: 264px !important;
  }
}

.u-mt-23 {
  margin-top: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-23 {
    margin-top: 276px !important;
  }
}

.u-mb-23 {
  margin-bottom: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-23 {
    margin-bottom: 276px !important;
  }
}

.u-ml-23 {
  margin-left: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-23 {
    margin-left: 276px !important;
  }
}

.u-mr-23 {
  margin-right: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-23 {
    margin-right: 276px !important;
  }
}

.u-m-23 {
  margin: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-m-23 {
    margin: 276px !important;
  }
}

.u-mt-24 {
  margin-top: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-24 {
    margin-top: 288px !important;
  }
}

.u-mb-24 {
  margin-bottom: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-24 {
    margin-bottom: 288px !important;
  }
}

.u-ml-24 {
  margin-left: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-24 {
    margin-left: 288px !important;
  }
}

.u-mr-24 {
  margin-right: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-24 {
    margin-right: 288px !important;
  }
}

.u-m-24 {
  margin: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-m-24 {
    margin: 288px !important;
  }
}

.u-mt-25 {
  margin-top: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-25 {
    margin-top: 300px !important;
  }
}

.u-mb-25 {
  margin-bottom: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-25 {
    margin-bottom: 300px !important;
  }
}

.u-ml-25 {
  margin-left: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-25 {
    margin-left: 300px !important;
  }
}

.u-mr-25 {
  margin-right: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-25 {
    margin-right: 300px !important;
  }
}

.u-m-25 {
  margin: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-m-25 {
    margin: 300px !important;
  }
}

.u-mt-26 {
  margin-top: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-26 {
    margin-top: 312px !important;
  }
}

.u-mb-26 {
  margin-bottom: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-26 {
    margin-bottom: 312px !important;
  }
}

.u-ml-26 {
  margin-left: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-26 {
    margin-left: 312px !important;
  }
}

.u-mr-26 {
  margin-right: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-26 {
    margin-right: 312px !important;
  }
}

.u-m-26 {
  margin: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-m-26 {
    margin: 312px !important;
  }
}

.u-mt-27 {
  margin-top: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-27 {
    margin-top: 324px !important;
  }
}

.u-mb-27 {
  margin-bottom: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-27 {
    margin-bottom: 324px !important;
  }
}

.u-ml-27 {
  margin-left: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-27 {
    margin-left: 324px !important;
  }
}

.u-mr-27 {
  margin-right: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-27 {
    margin-right: 324px !important;
  }
}

.u-m-27 {
  margin: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-m-27 {
    margin: 324px !important;
  }
}

.u-mt-28 {
  margin-top: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-28 {
    margin-top: 336px !important;
  }
}

.u-mb-28 {
  margin-bottom: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-28 {
    margin-bottom: 336px !important;
  }
}

.u-ml-28 {
  margin-left: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-28 {
    margin-left: 336px !important;
  }
}

.u-mr-28 {
  margin-right: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-28 {
    margin-right: 336px !important;
  }
}

.u-m-28 {
  margin: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-m-28 {
    margin: 336px !important;
  }
}

.u-mt-29 {
  margin-top: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-29 {
    margin-top: 348px !important;
  }
}

.u-mb-29 {
  margin-bottom: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-29 {
    margin-bottom: 348px !important;
  }
}

.u-ml-29 {
  margin-left: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-29 {
    margin-left: 348px !important;
  }
}

.u-mr-29 {
  margin-right: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-29 {
    margin-right: 348px !important;
  }
}

.u-m-29 {
  margin: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-m-29 {
    margin: 348px !important;
  }
}

.u-mt-30 {
  margin-top: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-30 {
    margin-top: 360px !important;
  }
}

.u-mb-30 {
  margin-bottom: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-30 {
    margin-bottom: 360px !important;
  }
}

.u-ml-30 {
  margin-left: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-30 {
    margin-left: 360px !important;
  }
}

.u-mr-30 {
  margin-right: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-30 {
    margin-right: 360px !important;
  }
}

.u-m-30 {
  margin: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-m-30 {
    margin: 360px !important;
  }
}

.u-mt-31 {
  margin-top: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-31 {
    margin-top: 372px !important;
  }
}

.u-mb-31 {
  margin-bottom: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-31 {
    margin-bottom: 372px !important;
  }
}

.u-ml-31 {
  margin-left: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-31 {
    margin-left: 372px !important;
  }
}

.u-mr-31 {
  margin-right: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-31 {
    margin-right: 372px !important;
  }
}

.u-m-31 {
  margin: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-m-31 {
    margin: 372px !important;
  }
}

.u-mt-32 {
  margin-top: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-32 {
    margin-top: 384px !important;
  }
}

.u-mb-32 {
  margin-bottom: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-32 {
    margin-bottom: 384px !important;
  }
}

.u-ml-32 {
  margin-left: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-32 {
    margin-left: 384px !important;
  }
}

.u-mr-32 {
  margin-right: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-32 {
    margin-right: 384px !important;
  }
}

.u-m-32 {
  margin: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-m-32 {
    margin: 384px !important;
  }
}

.u-mt-33 {
  margin-top: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-33 {
    margin-top: 396px !important;
  }
}

.u-mb-33 {
  margin-bottom: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-33 {
    margin-bottom: 396px !important;
  }
}

.u-ml-33 {
  margin-left: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-33 {
    margin-left: 396px !important;
  }
}

.u-mr-33 {
  margin-right: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-33 {
    margin-right: 396px !important;
  }
}

.u-m-33 {
  margin: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-m-33 {
    margin: 396px !important;
  }
}

.u-mt-34 {
  margin-top: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-34 {
    margin-top: 408px !important;
  }
}

.u-mb-34 {
  margin-bottom: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-34 {
    margin-bottom: 408px !important;
  }
}

.u-ml-34 {
  margin-left: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-34 {
    margin-left: 408px !important;
  }
}

.u-mr-34 {
  margin-right: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-34 {
    margin-right: 408px !important;
  }
}

.u-m-34 {
  margin: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-m-34 {
    margin: 408px !important;
  }
}

.u-mt-35 {
  margin-top: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-35 {
    margin-top: 420px !important;
  }
}

.u-mb-35 {
  margin-bottom: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-35 {
    margin-bottom: 420px !important;
  }
}

.u-ml-35 {
  margin-left: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-35 {
    margin-left: 420px !important;
  }
}

.u-mr-35 {
  margin-right: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-35 {
    margin-right: 420px !important;
  }
}

.u-m-35 {
  margin: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-m-35 {
    margin: 420px !important;
  }
}

.u-mt-36 {
  margin-top: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-36 {
    margin-top: 432px !important;
  }
}

.u-mb-36 {
  margin-bottom: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-36 {
    margin-bottom: 432px !important;
  }
}

.u-ml-36 {
  margin-left: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-36 {
    margin-left: 432px !important;
  }
}

.u-mr-36 {
  margin-right: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-36 {
    margin-right: 432px !important;
  }
}

.u-m-36 {
  margin: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-m-36 {
    margin: 432px !important;
  }
}

.u-mt-37 {
  margin-top: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-37 {
    margin-top: 444px !important;
  }
}

.u-mb-37 {
  margin-bottom: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-37 {
    margin-bottom: 444px !important;
  }
}

.u-ml-37 {
  margin-left: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-37 {
    margin-left: 444px !important;
  }
}

.u-mr-37 {
  margin-right: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-37 {
    margin-right: 444px !important;
  }
}

.u-m-37 {
  margin: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-m-37 {
    margin: 444px !important;
  }
}

.u-mt-38 {
  margin-top: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-38 {
    margin-top: 456px !important;
  }
}

.u-mb-38 {
  margin-bottom: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-38 {
    margin-bottom: 456px !important;
  }
}

.u-ml-38 {
  margin-left: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-38 {
    margin-left: 456px !important;
  }
}

.u-mr-38 {
  margin-right: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-38 {
    margin-right: 456px !important;
  }
}

.u-m-38 {
  margin: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-m-38 {
    margin: 456px !important;
  }
}

.u-mt-39 {
  margin-top: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-39 {
    margin-top: 468px !important;
  }
}

.u-mb-39 {
  margin-bottom: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-39 {
    margin-bottom: 468px !important;
  }
}

.u-ml-39 {
  margin-left: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-39 {
    margin-left: 468px !important;
  }
}

.u-mr-39 {
  margin-right: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-39 {
    margin-right: 468px !important;
  }
}

.u-m-39 {
  margin: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-m-39 {
    margin: 468px !important;
  }
}

.u-mt-40 {
  margin-top: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-mt-40 {
    margin-top: 480px !important;
  }
}

.u-mb-40 {
  margin-bottom: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-mb-40 {
    margin-bottom: 480px !important;
  }
}

.u-ml-40 {
  margin-left: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-ml-40 {
    margin-left: 480px !important;
  }
}

.u-mr-40 {
  margin-right: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-mr-40 {
    margin-right: 480px !important;
  }
}

.u-m-40 {
  margin: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-m-40 {
    margin: 480px !important;
  }
}

.u-pt-0 {
  padding-top: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-0 {
    padding-top: 0px !important;
  }
}

.u-pb-0 {
  padding-bottom: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-0 {
    padding-bottom: 0px !important;
  }
}

.u-pl-0 {
  padding-left: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-0 {
    padding-left: 0px !important;
  }
}

.u-pr-0 {
  padding-right: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-0 {
    padding-right: 0px !important;
  }
}

.u-p-0 {
  padding: 0px !important;
}
@media screen and (min-width: 960px) {
  .u-p-0 {
    padding: 0px !important;
  }
}

.u-pt-1 {
  padding-top: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-1 {
    padding-top: 12px !important;
  }
}

.u-pb-1 {
  padding-bottom: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-1 {
    padding-bottom: 12px !important;
  }
}

.u-pl-1 {
  padding-left: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-1 {
    padding-left: 12px !important;
  }
}

.u-pr-1 {
  padding-right: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-1 {
    padding-right: 12px !important;
  }
}

.u-p-1 {
  padding: 8px !important;
}
@media screen and (min-width: 960px) {
  .u-p-1 {
    padding: 12px !important;
  }
}

.u-pt-2 {
  padding-top: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-2 {
    padding-top: 24px !important;
  }
}

.u-pb-2 {
  padding-bottom: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-2 {
    padding-bottom: 24px !important;
  }
}

.u-pl-2 {
  padding-left: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-2 {
    padding-left: 24px !important;
  }
}

.u-pr-2 {
  padding-right: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-2 {
    padding-right: 24px !important;
  }
}

.u-p-2 {
  padding: 16px !important;
}
@media screen and (min-width: 960px) {
  .u-p-2 {
    padding: 24px !important;
  }
}

.u-pt-3 {
  padding-top: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-3 {
    padding-top: 36px !important;
  }
}

.u-pb-3 {
  padding-bottom: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-3 {
    padding-bottom: 36px !important;
  }
}

.u-pl-3 {
  padding-left: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-3 {
    padding-left: 36px !important;
  }
}

.u-pr-3 {
  padding-right: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-3 {
    padding-right: 36px !important;
  }
}

.u-p-3 {
  padding: 24px !important;
}
@media screen and (min-width: 960px) {
  .u-p-3 {
    padding: 36px !important;
  }
}

.u-pt-4 {
  padding-top: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-4 {
    padding-top: 48px !important;
  }
}

.u-pb-4 {
  padding-bottom: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-4 {
    padding-bottom: 48px !important;
  }
}

.u-pl-4 {
  padding-left: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-4 {
    padding-left: 48px !important;
  }
}

.u-pr-4 {
  padding-right: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-4 {
    padding-right: 48px !important;
  }
}

.u-p-4 {
  padding: 32px !important;
}
@media screen and (min-width: 960px) {
  .u-p-4 {
    padding: 48px !important;
  }
}

.u-pt-5 {
  padding-top: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-5 {
    padding-top: 60px !important;
  }
}

.u-pb-5 {
  padding-bottom: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-5 {
    padding-bottom: 60px !important;
  }
}

.u-pl-5 {
  padding-left: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-5 {
    padding-left: 60px !important;
  }
}

.u-pr-5 {
  padding-right: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-5 {
    padding-right: 60px !important;
  }
}

.u-p-5 {
  padding: 40px !important;
}
@media screen and (min-width: 960px) {
  .u-p-5 {
    padding: 60px !important;
  }
}

.u-pt-6 {
  padding-top: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-6 {
    padding-top: 72px !important;
  }
}

.u-pb-6 {
  padding-bottom: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-6 {
    padding-bottom: 72px !important;
  }
}

.u-pl-6 {
  padding-left: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-6 {
    padding-left: 72px !important;
  }
}

.u-pr-6 {
  padding-right: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-6 {
    padding-right: 72px !important;
  }
}

.u-p-6 {
  padding: 48px !important;
}
@media screen and (min-width: 960px) {
  .u-p-6 {
    padding: 72px !important;
  }
}

.u-pt-7 {
  padding-top: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-7 {
    padding-top: 84px !important;
  }
}

.u-pb-7 {
  padding-bottom: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-7 {
    padding-bottom: 84px !important;
  }
}

.u-pl-7 {
  padding-left: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-7 {
    padding-left: 84px !important;
  }
}

.u-pr-7 {
  padding-right: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-7 {
    padding-right: 84px !important;
  }
}

.u-p-7 {
  padding: 56px !important;
}
@media screen and (min-width: 960px) {
  .u-p-7 {
    padding: 84px !important;
  }
}

.u-pt-8 {
  padding-top: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-8 {
    padding-top: 96px !important;
  }
}

.u-pb-8 {
  padding-bottom: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-8 {
    padding-bottom: 96px !important;
  }
}

.u-pl-8 {
  padding-left: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-8 {
    padding-left: 96px !important;
  }
}

.u-pr-8 {
  padding-right: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-8 {
    padding-right: 96px !important;
  }
}

.u-p-8 {
  padding: 64px !important;
}
@media screen and (min-width: 960px) {
  .u-p-8 {
    padding: 96px !important;
  }
}

.u-pt-9 {
  padding-top: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-9 {
    padding-top: 108px !important;
  }
}

.u-pb-9 {
  padding-bottom: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-9 {
    padding-bottom: 108px !important;
  }
}

.u-pl-9 {
  padding-left: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-9 {
    padding-left: 108px !important;
  }
}

.u-pr-9 {
  padding-right: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-9 {
    padding-right: 108px !important;
  }
}

.u-p-9 {
  padding: 72px !important;
}
@media screen and (min-width: 960px) {
  .u-p-9 {
    padding: 108px !important;
  }
}

.u-pt-10 {
  padding-top: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-10 {
    padding-top: 120px !important;
  }
}

.u-pb-10 {
  padding-bottom: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-10 {
    padding-bottom: 120px !important;
  }
}

.u-pl-10 {
  padding-left: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-10 {
    padding-left: 120px !important;
  }
}

.u-pr-10 {
  padding-right: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-10 {
    padding-right: 120px !important;
  }
}

.u-p-10 {
  padding: 80px !important;
}
@media screen and (min-width: 960px) {
  .u-p-10 {
    padding: 120px !important;
  }
}

.u-pt-11 {
  padding-top: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-11 {
    padding-top: 132px !important;
  }
}

.u-pb-11 {
  padding-bottom: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-11 {
    padding-bottom: 132px !important;
  }
}

.u-pl-11 {
  padding-left: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-11 {
    padding-left: 132px !important;
  }
}

.u-pr-11 {
  padding-right: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-11 {
    padding-right: 132px !important;
  }
}

.u-p-11 {
  padding: 88px !important;
}
@media screen and (min-width: 960px) {
  .u-p-11 {
    padding: 132px !important;
  }
}

.u-pt-12 {
  padding-top: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-12 {
    padding-top: 144px !important;
  }
}

.u-pb-12 {
  padding-bottom: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-12 {
    padding-bottom: 144px !important;
  }
}

.u-pl-12 {
  padding-left: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-12 {
    padding-left: 144px !important;
  }
}

.u-pr-12 {
  padding-right: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-12 {
    padding-right: 144px !important;
  }
}

.u-p-12 {
  padding: 96px !important;
}
@media screen and (min-width: 960px) {
  .u-p-12 {
    padding: 144px !important;
  }
}

.u-pt-13 {
  padding-top: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-13 {
    padding-top: 156px !important;
  }
}

.u-pb-13 {
  padding-bottom: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-13 {
    padding-bottom: 156px !important;
  }
}

.u-pl-13 {
  padding-left: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-13 {
    padding-left: 156px !important;
  }
}

.u-pr-13 {
  padding-right: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-13 {
    padding-right: 156px !important;
  }
}

.u-p-13 {
  padding: 104px !important;
}
@media screen and (min-width: 960px) {
  .u-p-13 {
    padding: 156px !important;
  }
}

.u-pt-14 {
  padding-top: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-14 {
    padding-top: 168px !important;
  }
}

.u-pb-14 {
  padding-bottom: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-14 {
    padding-bottom: 168px !important;
  }
}

.u-pl-14 {
  padding-left: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-14 {
    padding-left: 168px !important;
  }
}

.u-pr-14 {
  padding-right: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-14 {
    padding-right: 168px !important;
  }
}

.u-p-14 {
  padding: 112px !important;
}
@media screen and (min-width: 960px) {
  .u-p-14 {
    padding: 168px !important;
  }
}

.u-pt-15 {
  padding-top: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-15 {
    padding-top: 180px !important;
  }
}

.u-pb-15 {
  padding-bottom: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-15 {
    padding-bottom: 180px !important;
  }
}

.u-pl-15 {
  padding-left: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-15 {
    padding-left: 180px !important;
  }
}

.u-pr-15 {
  padding-right: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-15 {
    padding-right: 180px !important;
  }
}

.u-p-15 {
  padding: 120px !important;
}
@media screen and (min-width: 960px) {
  .u-p-15 {
    padding: 180px !important;
  }
}

.u-pt-16 {
  padding-top: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-16 {
    padding-top: 192px !important;
  }
}

.u-pb-16 {
  padding-bottom: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-16 {
    padding-bottom: 192px !important;
  }
}

.u-pl-16 {
  padding-left: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-16 {
    padding-left: 192px !important;
  }
}

.u-pr-16 {
  padding-right: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-16 {
    padding-right: 192px !important;
  }
}

.u-p-16 {
  padding: 128px !important;
}
@media screen and (min-width: 960px) {
  .u-p-16 {
    padding: 192px !important;
  }
}

.u-pt-17 {
  padding-top: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-17 {
    padding-top: 204px !important;
  }
}

.u-pb-17 {
  padding-bottom: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-17 {
    padding-bottom: 204px !important;
  }
}

.u-pl-17 {
  padding-left: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-17 {
    padding-left: 204px !important;
  }
}

.u-pr-17 {
  padding-right: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-17 {
    padding-right: 204px !important;
  }
}

.u-p-17 {
  padding: 136px !important;
}
@media screen and (min-width: 960px) {
  .u-p-17 {
    padding: 204px !important;
  }
}

.u-pt-18 {
  padding-top: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-18 {
    padding-top: 216px !important;
  }
}

.u-pb-18 {
  padding-bottom: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-18 {
    padding-bottom: 216px !important;
  }
}

.u-pl-18 {
  padding-left: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-18 {
    padding-left: 216px !important;
  }
}

.u-pr-18 {
  padding-right: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-18 {
    padding-right: 216px !important;
  }
}

.u-p-18 {
  padding: 144px !important;
}
@media screen and (min-width: 960px) {
  .u-p-18 {
    padding: 216px !important;
  }
}

.u-pt-19 {
  padding-top: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-19 {
    padding-top: 228px !important;
  }
}

.u-pb-19 {
  padding-bottom: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-19 {
    padding-bottom: 228px !important;
  }
}

.u-pl-19 {
  padding-left: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-19 {
    padding-left: 228px !important;
  }
}

.u-pr-19 {
  padding-right: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-19 {
    padding-right: 228px !important;
  }
}

.u-p-19 {
  padding: 152px !important;
}
@media screen and (min-width: 960px) {
  .u-p-19 {
    padding: 228px !important;
  }
}

.u-pt-20 {
  padding-top: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-20 {
    padding-top: 240px !important;
  }
}

.u-pb-20 {
  padding-bottom: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-20 {
    padding-bottom: 240px !important;
  }
}

.u-pl-20 {
  padding-left: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-20 {
    padding-left: 240px !important;
  }
}

.u-pr-20 {
  padding-right: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-20 {
    padding-right: 240px !important;
  }
}

.u-p-20 {
  padding: 160px !important;
}
@media screen and (min-width: 960px) {
  .u-p-20 {
    padding: 240px !important;
  }
}

.u-pt-21 {
  padding-top: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-21 {
    padding-top: 252px !important;
  }
}

.u-pb-21 {
  padding-bottom: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-21 {
    padding-bottom: 252px !important;
  }
}

.u-pl-21 {
  padding-left: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-21 {
    padding-left: 252px !important;
  }
}

.u-pr-21 {
  padding-right: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-21 {
    padding-right: 252px !important;
  }
}

.u-p-21 {
  padding: 168px !important;
}
@media screen and (min-width: 960px) {
  .u-p-21 {
    padding: 252px !important;
  }
}

.u-pt-22 {
  padding-top: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-22 {
    padding-top: 264px !important;
  }
}

.u-pb-22 {
  padding-bottom: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-22 {
    padding-bottom: 264px !important;
  }
}

.u-pl-22 {
  padding-left: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-22 {
    padding-left: 264px !important;
  }
}

.u-pr-22 {
  padding-right: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-22 {
    padding-right: 264px !important;
  }
}

.u-p-22 {
  padding: 176px !important;
}
@media screen and (min-width: 960px) {
  .u-p-22 {
    padding: 264px !important;
  }
}

.u-pt-23 {
  padding-top: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-23 {
    padding-top: 276px !important;
  }
}

.u-pb-23 {
  padding-bottom: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-23 {
    padding-bottom: 276px !important;
  }
}

.u-pl-23 {
  padding-left: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-23 {
    padding-left: 276px !important;
  }
}

.u-pr-23 {
  padding-right: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-23 {
    padding-right: 276px !important;
  }
}

.u-p-23 {
  padding: 184px !important;
}
@media screen and (min-width: 960px) {
  .u-p-23 {
    padding: 276px !important;
  }
}

.u-pt-24 {
  padding-top: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-24 {
    padding-top: 288px !important;
  }
}

.u-pb-24 {
  padding-bottom: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-24 {
    padding-bottom: 288px !important;
  }
}

.u-pl-24 {
  padding-left: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-24 {
    padding-left: 288px !important;
  }
}

.u-pr-24 {
  padding-right: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-24 {
    padding-right: 288px !important;
  }
}

.u-p-24 {
  padding: 192px !important;
}
@media screen and (min-width: 960px) {
  .u-p-24 {
    padding: 288px !important;
  }
}

.u-pt-25 {
  padding-top: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-25 {
    padding-top: 300px !important;
  }
}

.u-pb-25 {
  padding-bottom: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-25 {
    padding-bottom: 300px !important;
  }
}

.u-pl-25 {
  padding-left: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-25 {
    padding-left: 300px !important;
  }
}

.u-pr-25 {
  padding-right: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-25 {
    padding-right: 300px !important;
  }
}

.u-p-25 {
  padding: 200px !important;
}
@media screen and (min-width: 960px) {
  .u-p-25 {
    padding: 300px !important;
  }
}

.u-pt-26 {
  padding-top: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-26 {
    padding-top: 312px !important;
  }
}

.u-pb-26 {
  padding-bottom: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-26 {
    padding-bottom: 312px !important;
  }
}

.u-pl-26 {
  padding-left: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-26 {
    padding-left: 312px !important;
  }
}

.u-pr-26 {
  padding-right: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-26 {
    padding-right: 312px !important;
  }
}

.u-p-26 {
  padding: 208px !important;
}
@media screen and (min-width: 960px) {
  .u-p-26 {
    padding: 312px !important;
  }
}

.u-pt-27 {
  padding-top: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-27 {
    padding-top: 324px !important;
  }
}

.u-pb-27 {
  padding-bottom: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-27 {
    padding-bottom: 324px !important;
  }
}

.u-pl-27 {
  padding-left: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-27 {
    padding-left: 324px !important;
  }
}

.u-pr-27 {
  padding-right: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-27 {
    padding-right: 324px !important;
  }
}

.u-p-27 {
  padding: 216px !important;
}
@media screen and (min-width: 960px) {
  .u-p-27 {
    padding: 324px !important;
  }
}

.u-pt-28 {
  padding-top: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-28 {
    padding-top: 336px !important;
  }
}

.u-pb-28 {
  padding-bottom: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-28 {
    padding-bottom: 336px !important;
  }
}

.u-pl-28 {
  padding-left: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-28 {
    padding-left: 336px !important;
  }
}

.u-pr-28 {
  padding-right: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-28 {
    padding-right: 336px !important;
  }
}

.u-p-28 {
  padding: 224px !important;
}
@media screen and (min-width: 960px) {
  .u-p-28 {
    padding: 336px !important;
  }
}

.u-pt-29 {
  padding-top: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-29 {
    padding-top: 348px !important;
  }
}

.u-pb-29 {
  padding-bottom: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-29 {
    padding-bottom: 348px !important;
  }
}

.u-pl-29 {
  padding-left: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-29 {
    padding-left: 348px !important;
  }
}

.u-pr-29 {
  padding-right: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-29 {
    padding-right: 348px !important;
  }
}

.u-p-29 {
  padding: 232px !important;
}
@media screen and (min-width: 960px) {
  .u-p-29 {
    padding: 348px !important;
  }
}

.u-pt-30 {
  padding-top: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-30 {
    padding-top: 360px !important;
  }
}

.u-pb-30 {
  padding-bottom: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-30 {
    padding-bottom: 360px !important;
  }
}

.u-pl-30 {
  padding-left: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-30 {
    padding-left: 360px !important;
  }
}

.u-pr-30 {
  padding-right: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-30 {
    padding-right: 360px !important;
  }
}

.u-p-30 {
  padding: 240px !important;
}
@media screen and (min-width: 960px) {
  .u-p-30 {
    padding: 360px !important;
  }
}

.u-pt-31 {
  padding-top: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-31 {
    padding-top: 372px !important;
  }
}

.u-pb-31 {
  padding-bottom: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-31 {
    padding-bottom: 372px !important;
  }
}

.u-pl-31 {
  padding-left: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-31 {
    padding-left: 372px !important;
  }
}

.u-pr-31 {
  padding-right: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-31 {
    padding-right: 372px !important;
  }
}

.u-p-31 {
  padding: 248px !important;
}
@media screen and (min-width: 960px) {
  .u-p-31 {
    padding: 372px !important;
  }
}

.u-pt-32 {
  padding-top: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-32 {
    padding-top: 384px !important;
  }
}

.u-pb-32 {
  padding-bottom: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-32 {
    padding-bottom: 384px !important;
  }
}

.u-pl-32 {
  padding-left: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-32 {
    padding-left: 384px !important;
  }
}

.u-pr-32 {
  padding-right: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-32 {
    padding-right: 384px !important;
  }
}

.u-p-32 {
  padding: 256px !important;
}
@media screen and (min-width: 960px) {
  .u-p-32 {
    padding: 384px !important;
  }
}

.u-pt-33 {
  padding-top: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-33 {
    padding-top: 396px !important;
  }
}

.u-pb-33 {
  padding-bottom: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-33 {
    padding-bottom: 396px !important;
  }
}

.u-pl-33 {
  padding-left: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-33 {
    padding-left: 396px !important;
  }
}

.u-pr-33 {
  padding-right: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-33 {
    padding-right: 396px !important;
  }
}

.u-p-33 {
  padding: 264px !important;
}
@media screen and (min-width: 960px) {
  .u-p-33 {
    padding: 396px !important;
  }
}

.u-pt-34 {
  padding-top: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-34 {
    padding-top: 408px !important;
  }
}

.u-pb-34 {
  padding-bottom: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-34 {
    padding-bottom: 408px !important;
  }
}

.u-pl-34 {
  padding-left: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-34 {
    padding-left: 408px !important;
  }
}

.u-pr-34 {
  padding-right: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-34 {
    padding-right: 408px !important;
  }
}

.u-p-34 {
  padding: 272px !important;
}
@media screen and (min-width: 960px) {
  .u-p-34 {
    padding: 408px !important;
  }
}

.u-pt-35 {
  padding-top: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-35 {
    padding-top: 420px !important;
  }
}

.u-pb-35 {
  padding-bottom: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-35 {
    padding-bottom: 420px !important;
  }
}

.u-pl-35 {
  padding-left: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-35 {
    padding-left: 420px !important;
  }
}

.u-pr-35 {
  padding-right: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-35 {
    padding-right: 420px !important;
  }
}

.u-p-35 {
  padding: 280px !important;
}
@media screen and (min-width: 960px) {
  .u-p-35 {
    padding: 420px !important;
  }
}

.u-pt-36 {
  padding-top: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-36 {
    padding-top: 432px !important;
  }
}

.u-pb-36 {
  padding-bottom: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-36 {
    padding-bottom: 432px !important;
  }
}

.u-pl-36 {
  padding-left: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-36 {
    padding-left: 432px !important;
  }
}

.u-pr-36 {
  padding-right: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-36 {
    padding-right: 432px !important;
  }
}

.u-p-36 {
  padding: 288px !important;
}
@media screen and (min-width: 960px) {
  .u-p-36 {
    padding: 432px !important;
  }
}

.u-pt-37 {
  padding-top: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-37 {
    padding-top: 444px !important;
  }
}

.u-pb-37 {
  padding-bottom: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-37 {
    padding-bottom: 444px !important;
  }
}

.u-pl-37 {
  padding-left: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-37 {
    padding-left: 444px !important;
  }
}

.u-pr-37 {
  padding-right: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-37 {
    padding-right: 444px !important;
  }
}

.u-p-37 {
  padding: 296px !important;
}
@media screen and (min-width: 960px) {
  .u-p-37 {
    padding: 444px !important;
  }
}

.u-pt-38 {
  padding-top: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-38 {
    padding-top: 456px !important;
  }
}

.u-pb-38 {
  padding-bottom: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-38 {
    padding-bottom: 456px !important;
  }
}

.u-pl-38 {
  padding-left: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-38 {
    padding-left: 456px !important;
  }
}

.u-pr-38 {
  padding-right: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-38 {
    padding-right: 456px !important;
  }
}

.u-p-38 {
  padding: 304px !important;
}
@media screen and (min-width: 960px) {
  .u-p-38 {
    padding: 456px !important;
  }
}

.u-pt-39 {
  padding-top: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-39 {
    padding-top: 468px !important;
  }
}

.u-pb-39 {
  padding-bottom: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-39 {
    padding-bottom: 468px !important;
  }
}

.u-pl-39 {
  padding-left: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-39 {
    padding-left: 468px !important;
  }
}

.u-pr-39 {
  padding-right: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-39 {
    padding-right: 468px !important;
  }
}

.u-p-39 {
  padding: 312px !important;
}
@media screen and (min-width: 960px) {
  .u-p-39 {
    padding: 468px !important;
  }
}

.u-pt-40 {
  padding-top: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-pt-40 {
    padding-top: 480px !important;
  }
}

.u-pb-40 {
  padding-bottom: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-pb-40 {
    padding-bottom: 480px !important;
  }
}

.u-pl-40 {
  padding-left: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-pl-40 {
    padding-left: 480px !important;
  }
}

.u-pr-40 {
  padding-right: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-pr-40 {
    padding-right: 480px !important;
  }
}

.u-p-40 {
  padding: 320px !important;
}
@media screen and (min-width: 960px) {
  .u-p-40 {
    padding: 480px !important;
  }
}

.u-font10 {
  font-size: clamp(1rem, 1rem + (1vw - 0.52rem) * 0.4545454545, 1.2rem);
}

.u-font12 {
  font-size: clamp(1.2rem, 1.2rem + (1vw - 0.52rem) * 0.4545454545, 1.4rem);
}

.u-font14 {
  font-size: clamp(1.4rem, 1.4rem + (1vw - 0.52rem) * 0.4545454545, 1.6rem);
}

.u-font16 {
  font-size: clamp(1.6rem, 1.6rem + (1vw - 0.52rem) * 0.4545454545, 1.8rem);
}

.u-font18 {
  font-size: clamp(1.8rem, 1.8rem + (1vw - 0.52rem) * 0.4545454545, 2rem);
}

.u-font20 {
  font-size: clamp(2rem, 2rem + (1vw - 0.52rem) * 0.9090909091, 2.4rem);
}

.u-font22 {
  font-size: clamp(2.2rem, 2.2rem + (1vw - 0.52rem) * 1.3636363636, 2.8rem);
}

.u-font24 {
  font-size: clamp(2.4rem, 2.4rem + (1vw - 0.52rem) * 1.8181818182, 3.2rem);
}

.u-font26 {
  font-size: clamp(2.6rem, 2.6rem + (1vw - 0.52rem) * 2.2727272727, 3.6rem);
}

.u-font28 {
  font-size: clamp(2.8rem, 2.8rem + (1vw - 0.52rem) * 2.7272727273, 4rem);
}

.u-pc {
  display: none;
}
@media screen and (min-width: 960px) {
  .u-pc {
    display: block;
  }
  br.u-pc, span.u-pc {
    display: inline-block;
  }
}

.u-tbpc {
  display: none;
}
@media screen and (min-width: 520px) {
  .u-tbpc {
    display: block;
  }
  br.u-tbpc, span.u-tbpc {
    display: inline-block;
  }
}

.u-tb {
  display: none;
}
@media screen and (min-width: 520px) and (max-width: 959px) {
  .u-tb {
    display: block;
  }
  br.u-tb, span.u-tb {
    display: inline-block;
  }
}

.u-sptb {
  display: none;
}
@media screen and (max-width: 959px) {
  .u-sptb {
    display: block;
  }
  br.u-sptb, span.u-sptb {
    display: inline-block;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 519px) {
  .u-sp {
    display: block;
  }
  br.u-sp, span.u-sp {
    display: inline-block;
  }
}

.u-sp-s {
  display: none;
}
@media screen and (max-width: 320px) {
  .u-sp-s {
    display: block;
  }
  br.u-sp-s, span.u-sp-s {
    display: inline-block;
  }
}

*,
*:before,
*:after {
  -webkit-appearance: none;
}

.c-wrapper {
  height: 100%;
  line-height: 1.8;
  font-size: 62.5%;
}

.c-wrapper {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  background-color: #fff;
  font-size: clamp(1.4rem, 1.4rem + (1vw - 0.52rem) * 0.4545454545, 1.6rem);
  overflow-wrap: break-word;
}

body.is-fixed {
  position: fixed;
  width: 100%;
}

.c-wrapper a,
button {
  color: #ff8618;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: none;
  text-decoration: none;
}
.c-wrapper a:hover,
button:hover {
  opacity: 0.8;
}

.c-wrapper img, svg {
  vertical-align: top;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.c-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.c-wrapper a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media screen and (min-width: 960px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
.fade_off {
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.fade_on {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
}

.p-mainVisual {
  background-color: #fff4d8;
  height: 100%;
  padding: 40px 0 180px 0;
  position: relative;
}
@media screen and (min-width: 520px) and (max-width: 959px) {
  .p-mainVisual {
    padding: 24px 0 220px 0;
  }
}
@media screen and (min-width: 960px) {
  .p-mainVisual {
    padding: 24px 0 120px 0;
  }
}
.p-mainVisual h1 {
  text-align: center;
  -webkit-animation: zoom-in 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
          animation: zoom-in 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  margin-bottom: 20px;
}
.p-mainVisual h1 img {
  margin: 0 auto;
}

@media screen and (min-width: 960x) {
  .p-mainVisual h1 {
    margin-bottom: 20px;
  }
  .p-mainVisual h1 img {
    width: 921px;
    margin: 0 auto;
  }
}
.p-mainVisual p {
  color: #004d8e;
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
}
.p-mainVisual p span {
  color: #fff;
  background-color: #004d8e;
  padding: 0 4px;
}
@media screen and (min-width: 520px) {
  .p-mainVisual p {
    font-size: 2rem;
  }
}
.p-mainVisual .p-mainVisual_illust {
  width: 100%;
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media screen and (min-width: 520px) and (max-width: 959px) {
  .p-mainVisual .p-mainVisual_illust{
    bottom: -40px;
  }
  .p-mainVisual .p-mainVisual_illust img {
    width: 100%;
    margin: 0 auto;

  }
}
@media screen and (min-width: 960px) {
  .p-mainVisual .p-mainVisual_illust img {
    width: 926px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 960px) {
  .p-mainVisual ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 660px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 32px;
  }
  .p-mainVisual ul li {
    -webkit-animation: zoom-in 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
            animation: zoom-in 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
  }
  .p-mainVisual ul li a {
    display: block;
    width: 210px;
    text-align: center;
    background-color: #004d8e;
    border: 4px solid #fff4d8;
    color: #fff;
    padding: 10px 0;
    font-weight: bold;
    font-size: 2rem;
    border-radius: 32px;
  }
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.p-fixed {
  width: 100%;
  position: fixed;
  z-index: 11;
  bottom: 0;
}
@media screen and (min-width: 960px) {
  .p-fixed {
    width: 40px;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    top: 140px;
    right: 0;
  }
}
.p-fixed .p-btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .p-fixed .p-btnArea {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 6px;
  }
}
.p-fixed .p-btnArea .p-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  height: 80px;
  border-radius: 20px 20px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 32px;
  font-weight: bold;
  color: #fff;
}
.p-fixed .p-btnArea .p-btn._orange {
  background-color: #ff8618;
}
.p-fixed .p-btnArea .p-btn._sp {
  display: inherit;
}
.p-fixed .p-btnArea .p-btn._pc {
  display: none;
}
.p-fixed .p-btnArea .p-btn._blue {
  background-color: #19a6c7;
}
.p-fixed .p-btnArea .p-btn._green {
  background-color: #53d000;
}
@media screen and (min-width: 960px) {
  .p-fixed .p-btnArea .p-btn {
    width: 40px;
    height: 130px;
    font-size: 1.6rem;
    border-radius: 10px 0 0 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .p-fixed .p-btnArea .p-btn._sp {
    display: none;
  }
  .p-fixed .p-btnArea .p-btn._pc {
    display: block;
    display: inherit;

  }
}
.p-fixed p {
  text-align: center;
  background-color: #fff4d8;
  font-weight: bold;
  color: #004d8e;
  font-size: 32px;
}
@media screen and (min-width: 960px) {
  .p-fixed p {
    background-color: transparent;
    text-shadow: 3px 3px 3px #fff4d8, -3px -3px 3px #fff4d8, -3px 3px 3px #fff4d8, 3px -3px 3px #fff4d8, 3px 0px 3px #fff4d8, -3px 0px 3px #fff4d8, 0px 3px 3px #fff4d8, 0px -3px 3px #fff4d8;
    position: absolute;
    top: 100px;
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .p-linknav {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(68, 68, 68, 0.3);
            box-shadow: 0px 0px 24px 0px rgba(68, 68, 68, 0.3);
  }
}
.p-linknav ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  .p-linknav ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    max-width: 980px;
    margin: 0 auto;
  }
}
.p-linknav li {
  width: 50%;
  background-color: #fff;
  text-align: center;
  padding: 28px 0;
  border: 2px solid #e5e5e5;
}
.p-linknav li:nth-child(even) {
  border-right: none;
}
.p-linknav li:first-child, .p-linknav li:nth-child(2) {
  border-top: none;
}
.p-linknav li:last-child, .p-linknav li:nth-child(7) {
  border-bottom: none;
}
@media screen and (min-width: 960px) {
  .p-linknav li {
    border: none;
    padding: 16px 0;
  }
}
.p-linknav a {
  color: #004d8e;
  position: relative;
  font-size: 28px;
}
.p-linknav a::after {
  background-image: url(../img/shuttyou-lp/ico-arrow-b.svg);
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  width: 16px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 10px;
  right: -32px;
}

@media screen and (min-width: 960px) {
  .p-linknav a {
    font-size: 1.6rem;
  }
  .p-linknav a::after{
    width: 8px;
    height: 8px;
    top: 6px;
    right: -16px;
  }

}

.p-linknav .kaitori {
  background-color: #004d8e;
  color: #fff;
}
.p-linknav .kaitori a {
  color: #fff;
  font-size: 28px;
}

.p-aboutTtl {
  text-align: center;
  font-weight: bold;
  font-size: 44px;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .p-aboutTtl {
    text-align: left;
    margin-bottom: 32px;
    font-size: 3.6rem;
  }
}

.p-sectionTtl {
  text-align: center;
  font-weight: bold;
  font-size: 44px;
  line-height: 1.5;
  color: #fff;
  margin: 0 auto 56px auto;
  border-top: 6px solid #fff;
  border-bottom: 6px solid #fff;
  padding: 12px 0px 20px 0;
  display: table;
  position: relative;
}
@media screen and (min-width: 960px) {
  .p-sectionTtl {
    font-size: 3.6rem;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    margin: 0 auto 48px auto;
    padding: 6px 0px 10px 0;

  }
}
.p-sectionTtl::after {
  background-image: url(../img/shuttyou-lp/ico-arrow-line-w.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: -24px;
  width: 32px;
  height: 24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-sectionTtl::after {
    bottom: -16px;
    width: 28px;
    height: 16px;
  }
}
.p-sectionTtl._navy {
  color: #004d8e;
  border-color: #004d8e;
}
.p-sectionTtl._navy::after {
  background-image: url(../img/shuttyou-lp/ico-arrow-line-b.png);
}

.p-boxTtl {
  font-weight: bold;
  font-size: 32px;
  color: #004d8e;
  line-height: 1.5;
  margin-bottom: 32px;
}
@media screen and (min-width: 960px) {
  .p-boxTtl {
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}

.p-txtLead {
  text-align: center;
  color: #fff;
  font-size: 28px;
  line-height: 1.7;
  font-weight: normal;
}
@media screen and (min-width: 960px) {
  .p-txtLead {
    line-height: 2;
    font-size: 1.6rem;
  }
}

.p-txt {
  text-align: left;
  font-size: 28px;
  line-height: 1.7;
  color: #004d8e;
}
@media screen and (min-width: 960px) {
  .p-txt{
    font-size: 1.6rem;
  }
}


.p-txtLead-b {
  text-align: center;
  color: #fff;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 23px;
}
@media screen and (min-width: 960px) {
  .p-txtLead-b {
    line-height: 2;
    font-size: 2.4rem;
    margin-bottom: 48px;
  }
}

.p-btn-n {
  display: block;
  background-color: #ff8618;
  position: relative;
  width: 90%;
  text-align: center;
  color: #fff !important;
  margin: 0 auto;
  padding: 32px 0;
  border-radius: 64px;
  font-weight: bold;
  font-size: 32px;
}
.p-btn-n::after {
  background-image: url(../img/shuttyou-lp/ico-arrow-w.svg);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  width: 14px;
  height: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 48px;
}
@media screen and (min-width: 960px) {
  .p-btn-n::after {
    right: 32px;
    width: 7px;
    height: 14px;
  }
}
@media screen and (min-width: 960px) {
  .p-btn-n {
    width: 360px;
    font-size: 2rem;
    padding: 16px 0;

  }
}
.p-btn-n._navy {
  background-color: #004d8e;
  color: #fff !important;
}

#about .u-cont {
  display: block;
  margin-bottom: 80px;
}
@media screen and (min-width: 960px) {
  #about .u-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0px;
  }
}
#about .u-box-right {
  width: 72%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 960px) {
  #about .u-box-right {
    width: 32%;
    padding-top: 45px;
  }
}
@media screen and (min-width: 960px) {
  #about .p-txtLead {
    text-align: left;
  }
}
#about .u-cont-osusume {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 18px;
}
#about .u-box-osusume {
  background-color: #fff;
  text-align: center;
  width: 46%;
  border-radius: 20px;
  padding: 32px 0;
}
#about .u-box-osusume._01 {
  padding-bottom: 0;
}

@media screen and (min-width: 960px) {
  #about .u-box-osusume {
    width: 32%;
  }
}
@media screen and (min-width: 960px) {
  #about .u-box-osusume._01 img {
    width: 58%;
  }
}
@media screen and (min-width: 960px) {
  #about .u-box-osusume._02 img {
    width: 60%;
  }
}
@media screen and (min-width: 960px) {
  #about .u-box-osusume._03 img {
    width: 60%;
  }
}

#about .u-box-osusume .p-boxTtl{
  font-size: 28px;
}
@media screen and (min-width: 960px) {
  #about .u-box-osusume .p-boxTtl{
    font-size: 2.4rem;
  } 
}



#flow .p-sectionTtl {
  margin-bottom: 120px;
}
@media screen and (min-width: 960px) {
  #flow .p-sectionTtl {
    margin-bottom: 80px;
  }
}

.p-cont-step {
  margin-bottom: 40px;
}
@media screen and (min-width: 960px) {
  .p-cont-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 80px;
    gap: 66px 32px;
    position: relative;
  }

  .p-cont-step img{
    width: 50%;
  }

  .p-box-step._02 img{
    width: 180px;
  }
  .p-box-step._04 img{
    width: 220px;
  }
  .p-box-step._05 img{
    width: 220px;
  }
}
.p-cont-step .p-arrow-step {
  text-align: center;
  margin-bottom: 64px;
}
@media screen and (min-width: 960px) {
  .p-cont-step .p-arrow-step {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-bottom: 0px;
    position: absolute;
  }
  .p-cont-step .p-arrow-step._01 {
    top: 13.5%;
    right: 46.5%;
  }
  .p-cont-step .p-arrow-step._02 {
    top: 49%;
    left: -5%;
  }
  .p-cont-step .p-arrow-step._03 {
    top: 49%;
    right: 46.5%;
  }
  .p-cont-step .p-arrow-step._04 {
    top: 83%;
    left: -5%;
  }
}

.p-box-step {
  background-color: #fff;
  width: 100%;
  text-align: center;
  position: relative;
  border-radius: 20px;
  padding: 80px 56px 56px 56px;
  margin: 0 auto 24px auto;
}
@media screen and (min-width: 960px) {
  .p-box-step {
    width: 44%;
    padding: 56px 16px 56px 16px;
  }
}
.p-box-step._01::before {
  background-image: url(../img/shuttyou-lp/ttl-step-01.png);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  width: 240px;
  height: 120px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-box-step._01::before {
    width: 120px;
    height: 60px;
    top: -24px;
  }
}
.p-box-step._02::before {
  background-image: url(../img/shuttyou-lp/ttl-step-02.png);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  width: 240px;
  height: 120px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-box-step._02::before {
    width: 120px;
    height: 60px;
    top: -24px;
  }
}
.p-box-step._03::before {
  background-image: url(../img/shuttyou-lp/ttl-step-03.png);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  width: 240px;
  height: 120px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-box-step._03::before {
    width: 120px;
    height: 60px;
    top: -24px;
  }
}
.p-box-step._04::before {
  background-image: url(../img/shuttyou-lp/ttl-step-04.png);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  width: 240px;
  height: 120px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-box-step._04::before {
    width: 120px;
    height: 60px;
    top: -24px;
  }
}
.p-box-step._05::before {
  background-image: url(../img/shuttyou-lp/ttl-step-05.png);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  width: 240px;
  height: 120px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-box-step._05{
    margin: 0 0 0 21px;
  }
  .p-box-step._05::before {
    width: 120px;
    height: 60px;
    top: -24px;
  }
}

 /*
.p-box-step .p-txt {
 display: inline-block;
}
*/
.p-box-step .p-txt span {
  color: #ff8618;
  font-weight: bold;
  border-bottom: 2px solid #ff8618;
}
@media screen and (min-width: 960px) {
  .p-box-step .p-txt {
    text-align: center;
  }
}

@media screen and (min-width: 960px) {
  .p-cont-movie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-box-movie {
  margin-bottom: 24px;
  text-align: center;
}
.p-box-movie iframe {
  border-radius: 10px;
  border: 2px solid #fff;
  margin-bottom: 8px;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .p-box-movie iframe {
    width: 440px;
    height: 246px;
  }
}
@media screen and (max-width: 320px) {
  .p-box-movie iframe {
    width: 90%;
  }
}
.p-box-movie p {
  text-align: center;
  color: #004d8e;
  font-weight: bold;
  font-size: 32px;
}
@media screen and (min-width: 960px) {
  .p-box-movie p {
    font-size: 2.4rem;
  }
}

#voice {
  position: relative;
}
#voice .u-inner {
  padding-bottom: 380px;
}
@media screen and (min-width: 960px) {
  #voice .u-inner {
    padding-bottom: 300px;
  }
}
#voice img {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 90%;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 520px) {
  #voice img {
    max-width: 974px;
    margin: 0 auto;
  }
}


@media screen and (min-width: 520px) {
  .p-cont-voice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-cont-voice .p-box-voice {
  display: block;
  padding: 32px 48px;
  text-align: center;
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 48px;
  position: relative;
}
@media screen and (min-width: 960px) {
  .p-cont-voice .p-box-voice {
    padding: 36px 28px;
    width: 32%;
    margin-bottom: 40px;
  }
}
.p-cont-voice .p-box-voice::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top: 24px solid #fff;
  border-right: 32px solid transparent;
  border-left: 32px solid transparent;
}
.p-cont-voice .p-box-voice:nth-child(odd) {
  background-color: #fff4d8;
}
.p-cont-voice .p-box-voice:nth-child(odd)::after {
  border-top: 24px solid #fff4d8;
  border-right: 32px solid transparent;
  border-left: 32px solid transparent;
}
.p-cont-voice .p-box-voice h3 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #004d8e;
}

@media screen and (min-width: 960px) {
  .p-cont-voice .p-box-voice::after{
    border-top: 12px solid #fff;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
  }
  
  .p-cont-voice .p-box-voice:nth-child(odd)::after {
    border-top: 12px solid #fff4d8;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
  }
}


@media screen and (min-width: 520px) {
  .p-cont-voice .p-box-voice h3 {
    font-size: 2.2rem;
    margin-bottom: 16px;
    line-height: 1.4;
  }
}
.p-cont-voice .p-box-voice p {
  text-align: left;
  font-size: 28px;
  color: #004d8e;
}
@media screen and (min-width: 520px) {
  .p-cont-voice .p-box-voice p {
    font-size: 1.6rem;
  }
}

.p-faqList {
  width: 100%;
}

.faq-q {
  background-color: #fff;
  padding: 0 40px 0px 0px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  position: relative;
}
.faq-q::before, .faq-q::after {
  position: absolute;
  content: "";
  width: 24px;
  height: 4px;
  background-color: #004d8e;
  border-radius: 2px;
  top: 50%;
  right: 36px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (min-width: 960px) {
  .faq-q::before, .faq-q::after {
    width: 16px;
    height: 3px;
    border-radius: 2px;
    right: 40px;
  }
}
.faq-q::before {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.faq-q::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.faq-q.close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faq-q.close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.faq-q span {
  border-radius: 16px 0px 0px 16px;
  font-family: "Alata", sans-serif;
  font-size: 44px;
  color: #fff;
  background-color: #004d8e;
  display: block;
  width: 12%;
  text-align: center;
  margin-right: 24px;
  padding: 20px 0;
}
@media screen and (min-width: 960px) {
  .faq-q span {
    width: 8%;
    font-size: 3.6rem;
    margin-right: 32px;
    padding: 6px 0;
  }
}
.faq-q p {
  font-weight: bold;
  font-size: 32px;
  line-height: 1.2;
  padding: 20px 0;
  color: #004d8e;
}
@media screen and (min-width: 960px) {
  .faq-q p {
    font-size: 2rem;
  }
}

.faq-a {
  display: none;
  color: #004d8e;
  padding: 0 4em 0 3em;
  margin-bottom: 16px;
}
.faq-a p{
  font-size: 28px;
}

.faq-a p a{
  color: #ff8618;
}

@media screen and (min-width: 520px) {
  .faq-a {
    padding: 0 9% 0 11%;
  }
  .faq-a p{
    font-size: 1.6rem;
  }
}

.p-cont-application {
  margin-bottom: 32px;
}
@media screen and (min-width: 960px) {
  .p-cont-application {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 32px;
  }
}

.p-box-application {
  width: 100%;
  color: #fff;
  border-radius: 20px;
  padding: 72px 0 36px 0;
  text-align: center;
  margin-bottom: 64px;
  position: relative;
}
.p-box-application a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.p-box-application a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (min-width: 960px) {
  .p-box-application {
    width: 32%;
    padding: 56px 0 36px 0;
    border-radius: 10px;
  }
}
.p-box-application._tel {
  background-color: #ff8618;
}
.p-box-application._tel::before {
  background-image: url(../img/shuttyou-lp/ico-tell.png);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  width: 140px;
  height: 90px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-box-application._tel::before {
    width: 90px;
    height: 60px;
    top: -20px;
  }
}
.p-box-application._mail {
  background-color: #00a9da;
}
.p-box-application._mail::before {
  background-image: url(../img/shuttyou-lp/ico-mail.png);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  width: 140px;
  height: 90px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-box-application._mail::before {
    width: 90px;
    height: 60px;
    top: -20px;
  }
}
.p-box-application._line {
  background-color: #53d000;
}
.p-box-application._line::before {
  background-image: url(../img/shuttyou-lp/ico-line.png);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  width: 140px;
  height: 90px;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 960px) {
  .p-box-application._line::before {
    width: 90px;
    height: 60px;
    top: -20px;
  }
}
.p-box-application h3 {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
  .p-box-application h3 {
    font-size: 2.4rem;
  }
}
.p-box-application p {
  line-height: 1.5;
  font-size: 28px;
}
@media screen and (min-width: 960px) {
  .p-box-application p {
    font-size: 1.6rem;
  }
}

.p-attention {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
  color: #004d8e;
  padding: 64px 36px;
}
@media screen and (min-width: 960px) {
  .p-attention {
    padding: 56px 58px 64px 58px;
  }
}
.p-attention h3 {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 12px;
}
@media screen and (min-width: 960px) {
  .p-attention h3 {
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}
.p-attention ul {
  text-align: left;
  font-size: 26px;
  line-height: 1.6;
}
@media screen and (min-width: 960px) {
  .p-attention ul {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 960px) {
  .p-cont-other {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 56px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-box-other {
  text-align: center;
}
.p-box-other:first-child {
  margin-bottom: 32px;
}
@media screen and (min-width: 960px) {
  .p-box-other:first-child {
    margin-bottom: 0;
  }
}
.p-box-other p {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 32px;
  color: #004d8e;
  line-height: 1.4;
}
@media screen and (min-width: 960px) {
  .p-box-other p {
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}

.u-bg-contact {
  padding: 80px 0;
}
@media screen and (min-width: 960px) {
  .u-bg-contact{
    padding: 50px 0 100px 0;
  }
}

.u-bg-contact .u-inner {
  background-color: #fff4d8;
  border-radius: 10px;
  padding: 64px 5%;
}
@media screen and (min-width: 960px) {
  .u-bg-contact .u-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.u-bg-contact h2 {
  text-align: center;
  font-weight: bold;
  font-size: 44px;
  line-height: 1.5;
  color: #004d8e;
  margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
  .u-bg-contact h2 {
    text-align: left;
    margin-bottom: 0;
    font-size: 3.6rem;
  }
}

@media screen and (min-width: 960px) {
  .u-bg-contact .p-cont-contact {
    width: 48%;
  }
}
.u-bg-contact .p-btn-web {
  display: block;
  background-color: #fff;
  position: relative;
  width: 100%;
  text-align: center;
  color: #004d8e;
  margin: 0 auto;
  padding: 16px 0;
  border-radius: 56px;
  border: 4px solid #004d8e;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 12px;
}
@media screen and (min-width: 520px) {
  .u-bg-contact .p-btn-web {
    border: 4px solid #004d8e;
    font-size: 2rem;
  }
}
.u-bg-contact .p-btn-web::after {
  background-image: url(../img/shuttyou-lp/ico-arrow-b.svg);
  content: "";
  display: inline-block;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  width: 14px;
  height: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 48px;
}
@media screen and (min-width: 960px) {
  .u-bg-contact .p-btn-web::after {
    right: 32px;
    width: 7px;
    height: 14px;
  }
}

.p-box-contact{
  font-size: 1.2rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 520px){
  .p-box-contact{
    font-size: 1.6rem;
  }
}

.u-bg-contact .p-btn-tel {
  display: block;
  background-color: #004d8e;
  position: relative;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 10px 0 12px 0;
  border-radius: 112px;
  border: 2px solid #fff;
  line-height: 1.2;
}
@media screen and (min-width: 960px){
  .u-bg-contact .p-btn-tel{
    border-radius: 56px;

  }
}

@media screen and (max-width: 320px) {
  .u-bg-contact .p-btn-tel {
    padding: 20px 0;
    border-radius: 70px;
  }
}
.u-bg-contact .p-btn-tel span {
  font-family: "Alata", sans-serif;
}
.u-bg-contact .p-btn-tel span._large {
  display: block;
  font-size: 64px;
  margin-bottom: 6px;
}
@media screen and (min-width: 960px) {
  .u-bg-contact .p-btn-tel span._large {
    font-size: 4rem;
  }
}
@media screen and (max-width: 320px) {
  .u-bg-contact .p-btn-tel span._large {
    font-size: 2.8rem;
  }
}
.u-bg-contact .p-btn-tel span._small {
  font-size: 1.4rem;
}


/*最下部電話ボタン追記*/

.u-bg-contact .p-cont-othertel{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: space-between;
}

.u-bg-contact .p-cont-othertel .p-box-txt{
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
  color: #004d8e;
}

.u-bg-contact .p-cont-othertel .p-box-tel{
  font-family: "Alata", sans-serif;
  font-size: 44px;
}

.u-bg-contact .p-cont-othertel .p-box-tel a{
  color: #004d8e;
  border-bottom: 4px solid #004d8e;
}

@media screen and (min-width: 960px) {
  .u-bg-contact .p-cont-othertel{
    padding: 0 24px;
  }

  .u-bg-contact .p-cont-othertel .p-box-txt{
    font-size: 1.3rem;
  }

  .u-bg-contact .p-cont-othertel .p-box-tel{
    font-size: 2.8rem;
  }

}



/*WPデフォルトの非表示*/
nav.fixd{
  display: none !important;
}

section.contactbox{
  display: none !important;
}

.pagetop{
  padding: 30px 0;
}