@charset "UTF-8";
:root {
  --c-base: #3088d5;
  --c-sub: #fffafa;
  --c-text: #303e59;
  --c-text-sub: #1b65a6;
  --c-text-accent: #ff5722;
  --c-line: #99bfdf;
  --c-lightblue-hover: #66adea;
  --c-footBg: #1e1d40;
  --c-bg: #e3f1fe;
  --c-bgTb: #EBF6FF;
  --c-wh: #ffffff;
}

:root {
  --f1: "Zen Kaku Gothic New", sans-serif;
}

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

html {
  font-size: 100%;
  overflow-x: hidden;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

img {
  max-width: 100%;
  display: block;
}

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

ol {
  margin: 0;
  padding: 0;
}

dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--f1);
  font-size: 1rem;
  line-height: normal;
  background: #FBFEFF;
  color: var(--c-text);
}

a {
  color: inherit;
}

.l-wrap-1100 {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}
.l-wrap-1277 {
  max-width: 1277px;
  width: 88.6805555556%;
  margin: 0 auto;
  width: 100%;
  padding-inline: 70px;
}
@media screen and (max-width: 1100px) {
  .l-wrap-1277 {
    width: 100%;
    padding-inline: 20px;
  }
}
.l-wrap-1360 {
  max-width: 1360px;
  margin: 0 auto;
  padding: 20px;
}
.l-wrap-1440 {
  max-width: 1440px;
  margin: 0 auto;
}




.--center{
  margin: 0 auto;
}

.top .c-btn {
  width: fit-content;
}
.top .c-btn a {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 53px;
  border-radius: 100vmax;
  border: 2px solid var(--c-text);
  color: var(--c-text);
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s ease-in-out;
  white-space: nowrap;
}
.top .c-btnDot {
  width: 3px;
  height: 3px;
  border-radius: 100vmax;
  background: var(--c-text);
  transition: 0.3s ease-in-out;
}

.top .--c-bgBlue a:hover {
  background: var(--c-text-sub);
  border: 2px solid var(--c-text-sub);
  color: var(--c-wh);
}
.top .--c-bgBlue a:hover .c-btnDot {
  background: var(--c-wh);
}

.top .--c-bdBlue a:hover {
  border: 2px solid var(--c-base);
  color: var(--c-text-sub);
}
.top .--c-bdBlue a:hover .c-btnDot {
  background: var(--c-text-sub);
}

.top .--c-bgWh a {
  color: var(--c-wh) !important;
  border: 2px solid var(--c-wh) !important;
}
.top .--c-bgWh a .c-btnDot {
  background: var(--c-wh) !important;
}
.top .--c-bgWh a:hover {
  background: var(--c-wh) !important;
  color: var(--c-text-sub) !important;
}
.top .--c-bgWh a:hover .c-btnDot {
  background: var(--c-text-sub) !important;
}

.p-top_btnAllow a {
  display: flex;
  
  width: fit-content;
  align-items: center;
  gap: 15px;
  color: var(--c-text-sub);
  transition: color 0.3s ease-in-out;
}
.p-top_btnAllow a:hover {
  color: var(--c-lightblue-hover);
}
.p-top_btnAllow a:hover .p-top_btnAllow_img path {
  fill: var(--c-text-sub);
}
.p-top_btnAllow a:hover .p-top_btnAllow_img circle {
  stroke: var(--c-text-sub);
  fill: var(--c-wh);
}
.p-top_btnAllow_img path {
  transition: fill 0.3s ease-in-out;
}
.p-top_btnAllow_img circle {
  transition: stroke 0.3s ease-in-out, fill 0.3s ease-in-out;
}

.c-btnSquare {
  padding: 20px 0;
  width: fit-content;
  height: auto;
  font-family: Inter;
}
.c-btnSquare a {
  padding: 20px 45px;
  background-color: var(--c-text-sub);
  color: var(--c-wh);
  transition: 0.3s ease-in-out;
  border-radius: 5px;
}
.c-btnSquare a:hover {
  background-color: var(--c-lightblue-hover);
}

.p-top_ttl {
  border-bottom: none;
  padding-bottom: 0;

   position: relative;
  z-index: 1;
}
.p-top_ttl p {
  color: var(--c-base);
  font-size: 1rem;
  font-weight: 700;
  line-height: 15px;
  padding-top: 10px;
}
.p-top_ttl h2 {
  display: inline-block;
  color: var(--c-base);
  font-size: 4.375rem;
  font-weight: 700;
  height: auto;
  border-bottom: 0.5px solid var(--c-line);
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .p-top_ttl h2 {
    font-size: 3rem;
  }
}
  .p-top_ttl--center {
  text-align: center;
}

.c-menu {
  width: 100%;
  margin: 0 auto;
}
.c-menuInner {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 100px 42px;
}
@media screen and (max-width: 1100px) {
  .c-menuInner {
    flex-direction: column;
    padding: 100px 30px;
  }
}
@media screen and (max-width: 1100px) {
  .c-menuInner--sp {
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }
}
.c-menuInner::before {
  position: absolute;
  content: "";
  display: block;
  top: -158px;
  right: 21px;
  width: 239.993px;
  height: 159.975px;
  background-image: url("../../src/img/component/menu/menuTreat.svg");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.c-menuInner_card {
  max-width: 421px;
  width: 29.2361111111%;
  background-color: var(--c-wh);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px 0 40px;
  color: var(--c-base);
}
@media screen and (max-width: 1100px) {
  .c-menuInner_card {
    width: 100%;
    min-width: none;
    margin: 0 auto;
    text-align: left;
    gap: 16px;
  }
}
.c-menuInner_card_img {
  width: fit-content;
  height: auto;
  margin-top: auto;
  margin-inline: auto;
}
.c-menuInner_card_img.--01 {
  width: 69px;
  height: 93px;
}
@media screen and (max-width: 1100px) {
  .c-menuInner_card_img.--01 {
    width: 47px !important;
    height: 64px !important;
  }
}
.c-menuInner_card_img.--02 {
  width: 76px;
  height: 87px;
}
@media screen and (max-width: 1100px) {
  .c-menuInner_card_img.--02 {
    width: 53px !important;
    height: 61px !important;
  }
}
.c-menuInner_card_img.--03 {
  width: 69px;
  height: 69px;
}
@media screen and (max-width: 1100px) {
  .c-menuInner_card_img.--03 {
    width: 56px;
    height: 56px;
  }
}
.c-menuInner_card p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 36px;
}
@media screen and (max-width: 1100px) {
  .c-menuInner_card p {
    line-height: 20px;
    text-align: left;
    font-size: 1rem;
  }
}
.c-menuInner_card h4 {
  font-size: 40px;
  font-weight: 700;
}





/*メインビジュアル*/
.p-top_main-visual {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    overflow: visible;
}

@media (max-width: 1100px){
  .p-top_main-visual {
    position: relative;
    width: 100%;
    height: 80vh;
    min-height: 80vh;
    overflow: visible;
  }
}

@media (max-width: 480px){
  .p-top_main-visual {
    position: relative;
    width: 100%;
    height: 80vh;
    min-height: 80vh;
    overflow: visible;
  }
}

/* 背景の三角形（青い斜め背景） */
.p-top_bg-triangle {
    z-index: -1;
}
.p-top_bg-triangle img{
  width: 60%;
}

@media (max-width: 1100px){
  .p-top_bg-triangle {
    z-index: -1;
  }

  .p-top_bg-triangle img{
    width: 100%;
  }
}

/* スライダーコンテナ */
.p-top_slider-container {
    position: absolute;
    top: 130px;
    right: 0;
    width: 90%;
    height: 100%;
    z-index: 2;
}

.p-top_slider {
    position: relative;
    width: 100%;
    height: 100%; 
}

.p-top_slider_back{
  background-color: var(--c-bgTb);
}

.p-top_slider-item {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    z-index: 1;
}

.p-top_slider-item.active {
    opacity: 1;
    z-index: 2;
}

.p-top_slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 20px;
    border-end-start-radius: 20px;
}
@media (max-width: 480px){
   .p-top_slider-item img {
    height: 100%;
  }

  .p-top_slider-item img.--pos-right {
    width: 100%;
    height: 100%;           /* ← heightも必要 */
    object-fit: cover;
    object-position: 80% center;
  }
}

/* スライダーbg */
.p-top_slider-background {
    position: absolute;
    top: calc(100px + 55%);
    right: 50px; 
    width: 100%;
    height: 40%;
    border-radius: 20px;
    background-color: #E3F1FE;
    z-index: -1;
}

@media (max-width: 480px){
   .p-top_slider-background {
    position: absolute;
    top: calc(100px + 55%);
    left: -25px;
    width: 100%;
    height: 40%;
    border-radius: 20px;
    background-color: #E3F1FE;
    z-index: -1;
  }
}


/* テキストコンテンツ */
.p-top_main-text {
    color: white;
    position: absolute;
    top: 20%;
    left: 3%;
    width: 50%;
    min-width: 300px;
    padding: 60px 0px 60px 40px;
    z-index: 3;
}
.p-top_main-text h1 {
    font-size: 5rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 30px;
    letter-spacing: 2px;

    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
}

@media (max-width: 1100px) {
  .p-top_main-text {
    color: white;
    position: absolute;
    top: 20%;
    left: 1%;
    width: 50%;
    min-width: 300px;
    padding: 60px 0px 60px 40px;
    z-index: 3;
  }

  .p-top_main-text h1{
    font-size: 5rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 30px;
    letter-spacing: 2px;

    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .p-top_main-text {
    color: white;
    position: absolute;
    top: 20%;
    left: 1%;
    width: 50%;
    min-width: 300px;
    padding: 60px 0px 60px 40px;
    z-index: 3;
  }

  .p-top_main-text h1{
    font-size: 4rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 30px;
    letter-spacing: 2px;

    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
  }
}
@media (max-width: 480px) {
  .p-top_main-text {
    color: white;
    position: absolute;
    top: 20%;
    left: 1%;
    width: 50%;
    min-width: 300px;
    padding: 60px 0px 60px 40px;
    z-index: 3;
  }

  .p-top_main-text h1{
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 30px;
    letter-spacing: 2px;

    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
  }
}


.p-top_sub-text {
    background-color: white;
    box-shadow: 4px 2px 4px 0 rgba(30, 29, 64, 0.20);
    white-space: nowrap;
    display: block;

    width: fit-content;
    color:#303E59;

    padding: 3px 20px; 
    margin-bottom: 10px;
    margin-left: 20%;
}

.p-top_sub-text p {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
}

.p-top_sub-text_large {
    font-size: 2.5rem;
    font-weight: 700;
}

@media (max-width: 1100px) {
  .p-top_main-text_sub{
    margin-top: 35%;
  }

  .p-top_sub-text {
    background-color: white;
    box-shadow: 4px 2px 4px 0 rgba(30, 29, 64, 0.20);
    white-space: nowrap;
    display: block;

    width: fit-content;
    color:#303E59;

    padding: 3px 20px; 
    margin-bottom: 10px;
    margin-left: 120;
  }

  .p-top_sub-text p {
      font-size: 2rem;
      font-weight: 700;
      margin: 0;
  }

  .p-top_sub-text_large {
      font-size: 2.5rem;
      font-weight: 700;
  }
}

@media (max-width: 480px) {
  .p-top_main-text_sub{
    margin-top: 75%;
  }

  .p-top_sub-text {
    background-color: white;
    box-shadow: 4px 2px 4px 0 rgba(30, 29, 64, 0.20);
    white-space: nowrap;
    display: block;

    width: fit-content;
    color:#303E59;

    padding: 3px 20px; 
    margin-bottom: 10px;
    margin-left: 5%;
  }

  .p-top_sub-text p {
      font-size: 1.5rem;
      font-weight: 700;
      margin: 0;
  }

  .p-top_sub-text_large {
      font-size: 2rem;
      font-weight: 700;
  }
}




.p-top_pagination {
  position: absolute;
  bottom: -30px;
  right: 10%;
  display: flex;
  gap: 15px;
  z-index: 4;
}


.p-top_pagination-line {
  width: 60px;
  height: 3px;
  background-color: #99BFDF;
  cursor: pointer;
  transition: background-color 0.3s;
}

.p-top_pagination-line.active {
    background-color: var(--c-base);
}

@media (max-width: 480px) {
  .p-top_pagination {
    position: absolute;
    bottom: -30px;
    right: 10%;
    display: flex;
    gap: 15px;
    z-index: 4;
  }


  .p-top_pagination-line {
    width: 30px;
    height: 3px;
    background-color: #99BFDF;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .p-top_pagination-line.active {
      background-color: var(--c-base);
  }

}


/* スクロール表示 */
.p-top_scroll-indicator {
  position: relative; 
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 50px;
}

.p-top_scroll-text {
    color: var(--c-base);
    font-size: 0.9rem;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.p-top_scroll-line {
    width: 1px;
    height: 40px;
    background-color: var(--c-base);
    margin: 0 auto;
    animation: scroll-animation 2s infinite;
}
@keyframes scroll-animation {
    0%, 100% {
        opacity: 0;
        transform: translateY(-10px);
    }
    50% {
        opacity: 1;
        transform: translateY(10px);
    }
}
/*メインビジュアル*/



/*トピックス*/
.p-topTopics{
  margin-top: 250px;
  padding: 0 0 0 40px;
}
@media (max-width: 480px) {
  .p-topTopics {
    margin: 250px 0 0 20px;
    padding: 0;
  }
}

/*トピックス　スライダー*/
.p-top_topics-inner {
  display: flex;
  gap: 5px;
}
@media (max-width: 767px) {
  .p-top_topics-inner {
    flex-direction: column;
    gap: 50px;
  }

  .p-top_topics-left {
    order: 2;
    margin: 0 auto;
  }

  .p-top_topics-nav {
    margin-top: 25px;
    white-space: nowrap;
  }

  .p-top_topics-nav button {
    font-size: 1.1rem;
  }
}

@media (max-width: 480px) {
  .p-top_topics-inner {
    flex-direction: column;
    gap: 50px;
  }

  .p-top_topics-left {
    order: 2;
  }

  .p-top_topics-nav {
    margin-top: 25px;
    white-space: nowrap;
  }

  .p-top_topics-nav button {
    font-size: 1.1rem;
  }
}

/* 左カラム */
.p-top_topics-left {
  width: 30%;
  display: flex;
  justify-content: center;
}
    /* ボタン */
.p-top_topics-nav {
  display: flex;
  align-self: flex-end;
  gap: 30px;
  align-items: center;
}

.p-top_topics-nav button {
  background: none;
  border: none;
  color: #303E59; 
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.3s;
}

.p-top_topics-nav button:hover {
  opacity: 0.7;
}

    /* Prev と Next の間の縦線 */
.p-top_topics-nav::before {
  content: '';
  width: 1px;
  height: 20px;
  background-color: #ccc; 
  order: 1;
}

#prev {
  order: 0;
}

#next {
  order: 2;
}

/* 右カラム */
.p-top_topics-right {
  width: 70%;
}
@media (max-width: 767px) {
  .p-top_topics-right {
    width: 100%;
    order: 1;

    margin-top: 38px;
  }
}

@media (max-width: 480px) {
  .p-top_topics-right {
    width: 100%;
    order: 1;

    margin-top: 38px;
  }
}

/* スライダー */
.p-top_topics-slider {
  overflow: hidden;
  overflow-x: scroll;
  cursor: grab;
  user-select: none;
  scroll-behavior: smooth;
}

.p-top_topics-slider:active {
  cursor: grabbing;
}

.p-top_topics-slider::-webkit-scrollbar {
  display: none;
}

.p-top_topics-track {
  display: flex;
  gap: 40px;
  transition: transform 0.4s ease;
}
@media (max-width: 480px) {
  .p-top_topics-slider {
    padding: 0;
  }

  .p-top_topics-track {
    gap: 20px;
  }
}

/* リンクのスタイル */
.p-top_topics-link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s;

  overflow: hidden;
  display: block;
}

.p-top_topics-link:hover {
  opacity: 0.7;
}

.p-top_topics-link:hover img {
  transform: scale(1.05);
}

.p-top_topics-item {
  width: 300px;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  .p-top_topics-item {
    width: 250px;
  }
}

.p-top_topics-img-wrapper {
  width: 100%;
  aspect-ratio: 4.5 / 3;
  overflow: hidden;
  border-radius: 8px;
}

.p-top_topics-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.p-top_topics-info {
  margin-top: 10px;
}

.p-top_topics-item time {
  font-size: 1rem;
  font-weight: 400;
  line-height: 30px;
  display: block;
}
@media (max-width: 767px) {
  .p-top_topics-item time {
    font-size: 0.9rem;
  }
}

.p-top_topics-item p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .p-top_topics-item p {
    font-size: 0.9rem;
    line-height: 1.5;
  }
}

/* カテゴリラベル */
.p-top_topics-category {
  display: inline-block;
  padding: 3px 15px;
  border: 1px solid #303E59;
  border-radius: 5px;
  font-size: 0.85rem;
  color: #303E59;
  background-color: white;
}
@media (max-width: 767px) {
  .p-top_topics-category {
    font-size: 0.75rem;
    padding: 2px 12px;
  }
}
/*トピックス　スライダー*/
/*トピックス*/


/*アバウト*/
.p-top_about{
  margin-top: 200px;
}

.p-top_aboutContent {
  display: flex;
  align-items: center;
  gap: 107px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) and (max-width:1100px) {
  .p-top_aboutContent {
    flex-direction: column;
  }
}

.p-top_aboutContent_left {
  width: 50%;
}

@media screen and (max-width: 1100px) {
  .p-top_aboutContent_left {
    display: none;
  }
}

.p-top_aboutContent_left_img {
  width: 100%;
  height: auto;
}

.p-top_aboutContent_left_img img {
  width: 100%;
  height: auto;
}

.p-top_aboutContent_right {
  width: 50%;
  margin-top: 46px;
  padding-right: 100px;
}
@media screen and (min-width: 768px) and (max-width:1100px) {
  .p-top_aboutContent_right {
    width: 100%;
    padding: 0 100px;
  }
}
.p-top_aboutContent_right h2 {
  color: var(--c-text);
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .p-top_aboutContent_right {
    width: 100%;
    padding: 0 40px;
  }

  .p-top_aboutContent_right h2 {
    font-size: 2.25rem;
  }
}
.p-top_aboutContent_right_txt {
  color: var(--c-text);
  font-size: 1rem;
  font-weight: 400;
  line-height: 30px;
  margin-top: 36px;
  margin-bottom: 30px;
}
.p-top_aboutContent_right .p-top_btnAllow {
  display: flex;
  justify-content: flex-end;
}
/*アバウト*/


/*PV*/

.p-top_pv{
  margin-top: 200px;

  width: 88.6805555556%;
  width: 100%;
  padding-inline: 70px;

  position: relative;
  overflow: hidden;
}

/* 背景イラスト */
.p-top_pv_bg {
  position: absolute;
  top: 0;
  right: -30px;
  width: 280px;
  z-index: 0;
  pointer-events: none;
}

@media screen and (max-width: 1100px) {
  .p-top_pv{
     width: 100%;
    padding-inline: 20px;
  }
}

@media (max-width: 767px) {
  .p-top_pv{
    margin-top: 130px;
  }
}

@media (max-width: 480px) {
  .p-top_pv{
    margin-top: 130px;
  }
}

.p-top_pvInner {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  gap: 89px;
  margin-inline: 23px;

  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1100px) {
  .p-top_pvInner {
    flex-direction: column;
    gap: 50px;
  }
}
.p-top_pvInner_left, .p-top_pvInner_right {
  width: 46.4547677262%;
}
@media screen and (max-width: 1100px) {
  .p-top_pvInner_left, .p-top_pvInner_right {
    width: 100%;
  }
}
.p-top_pvInner_left iframe, .p-top_pvInner_right iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 570/320;
}
.p-top_pvInner_txt {
  margin-top: 18px;
  line-height: normal;
}
.p-top_pvInner_date {
  margin-top: 4px;
  color: #aeaeae;
}
/*PV*/


/*サービス*/
.top .service_ill img{
  margin: 200px 0 0 auto;
  padding: 0 80px 0 0;
}

@media (max-width: 1100px){
  .service_ill{
    margin-top: 130px;
  }
}
@media (max-width: 480px){
  .service_ill{
    margin-top: 130px;
  }
}

.p-top_service_wrap {
  width: 88.6805555556%;
  margin: 0 auto;
  width: 100%;
  padding-inline: 70px;
}
@media screen and (max-width: 1100px) {
  .p-top_service_wrap {
    width: 100%;
    padding-inline: 20px;
  }
}

.p-top_service {
  padding: 5px 0 55px 0;
  background-color: var(--c-base);
  border-radius: 30px 30px 0 0;
}
.p-top_service .p-top_service_wrap {
  padding-inline: 25px !important;
}

.p-top_service_title {
    display: flex;
    gap: 138px;
}
@media screen and (max-width: 1100px) {
   .p-top_service_title {
    flex-direction: column;
    gap: 30px;
  }
}

.p-top_serviceInner_sentence h2{
  color: var(--c-base);
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 1100px) {
  .p-top_serviceInner_sentence h2 {
    font-size: 2rem;
  }
}

.p-top_serviceInner_sentence p{
  color: var(--c-base);
  font-size: 1rem;
  font-weight: 400;
  line-height: 30px;
  margin-top: 10px;
}

.p-top_serviceBox{
  background-color: var(--c-wh);
  border-radius: 20px;
  padding: 65px 65px;

  margin-top: 50px;
}
@media screen and (max-width: 1100px) {
  .p-top_serviceBox {
    padding: 30px 20px;
  }
}

.p-top_serviceBlock{
  display: flex;
  flex-direction: column;
  gap: 60px;

  margin-top: 50px;
}
@media screen and (max-width: 1100px) {
  .p-top_serviceBlock {
    gap: 40px;
  }
}

.p-top_serviceBlock_service{
  display: flex;
  flex-direction: row;
  gap: 40px;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 1100px) {
  .p-top_serviceBlock_service {
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
  }
}

.p-strengthBlock_service_img{
  width: 50%;
  flex-shrink: 0;
}
@media screen and (max-width: 1100px) {
  .p-strengthBlock_service_img {
    width: 100%;
  }
}

.p-strengthBlock_service_img img{
  width: 100%;
  height: auto;
  display: block;
}

/* テキストエリア */
.p-top_serviceBlock_service_text{
  width: 45%;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1100px) {
  .p-top_serviceBlock_service_text {
    width: 100%;
    margin-top: 0;
  }
}

.p-top_serviceBlock_service_text h2{
  font-size: clamp(2rem, 2.5vw, 2.5rem);
  color: var(--c-base);
}

.p-top_serviceBlock_service_text_p{
  font-size: 16px;
  margin-top: 20px;
}

/* ボタンエリア */
.p-top_serviceBlock_service_btn{
  display: flex;
  gap: 60px;
  margin-top: 10px;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .p-top_serviceBlock_service_btn {
    flex-direction: column;
    gap: 15px;
  }
}

.p-top_serviceBlock_service .p-top_btnAllow{
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-top_serviceBlock_service .p-top_btnAllow {
    justify-content: flex-end;
    margin-top: 0;
  }
}



/*サービス*/


/*制作の流れ*/
.p-top_flow{
  margin: 234px 110px;
}
@media screen and (max-width: 480px) {
  .p-top_flow {
    margin: 234px 20px;
  }
}

.p-flowList {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 60px;
}

.p-flowList p{
  text-align: left;
}

/* Step本体 */
.p-flowItem {
  width: 15rem;
  text-align: center;
}
@media screen and (max-width: 850px) {
  .p-flowItem {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

/* STEP番号 */
.p-flowStep {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  border-radius: 50%;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* アイコン */
.p-flowNumber{
  margin-bottom: 30px;
}

.p-flowNumber img{
  height: auto;
  margin: 0 auto;
}

.p-flowIcon {
  margin-bottom: 16px;
}
.p-flowIcon img {
  height: auto;
  margin: 0 auto;
}

/* テキスト */
@media (max-width: 850px){
  .p-flow_text{
    margin: 0 auto;
    width: 100%;
  }
}
@media (max-width: 480px){
  .p-flow_text{
    margin: 0 auto;
    width: 80%;
  }
}

.p-flowTitle {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--c-base);

  border-bottom: 0.5px solid var(--c-line);
  line-height: normal;
  padding-bottom: 5px;
}

.p-flow_p {
  font-size: 0.875rem;
  line-height: 1.6;
}

/* 矢印 */
.p-flowArrow {
  font-size: 24px;
  color: #b0c4de;
  align-self: center;
}

@media screen and (max-width: 850px) {
  .p-flowList {
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }

  .p-flowArrow {
    transform: rotate(90deg) !important;
    transition: none !important;
    margin: 20px auto;
  }
}

.flow-btn{
  display: flex;
  justify-content: center;
  gap: 100px;

  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .flow-btn {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
}
/*制作の流れ*/


/*リクルート*/
.recruit {
  position: relative;
  min-height: 500px;
  background-image: url("../../src/img/index/recruit_img.webp");
  background-size: cover;
  background-position: center;
  color: #fff;

  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .recruit {
    min-height: 400px;
  }
}

/* 青い被せレイヤー */
.recruit::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(70, 130, 200, 0.75) 0%,
    rgba(70, 130, 200, 0.6) 30%,
    rgba(70, 130, 200, 0.3) 50%,
    rgba(70, 130, 200, 0.0) 70%
  );
}
@media (max-width: 768px) {
  .recruit::before {
    background: rgba(70, 130, 200, 0.7);
  }
}

/* テキストエリア */
.recruit-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  padding-left: 78px;
  width: 100%;
}
@media (max-width: 768px) {
  .recruit-inner {
    padding: 0 20px;
  }
}

.recruit-title {
  font-size: 96px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;

  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .recruit-title {
    font-size: 48px;
  }
}

.recruit-sub {
  margin-bottom: 25px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .recruit-sub {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

.recruit-text {
  max-width: 520px;
  line-height: 1.8;
  margin-bottom: 130px;
}
@media (max-width: 768px) {
  .recruit-text {
    max-width: 100%;
    font-size: 0.9rem;
    margin-bottom: 30px;
    line-height: 1.6;
  }
}

.recruit .c-btn {
  display: inline-block;
}
@media (max-width: 768px) {
  .recruit .c-btn {
    display: block;
    max-width: 200px;
  }
}

.recruit .c-btn a {
  color: #fff;
  border-color: #fff;
}

.recruit .c-btnDot {
  background-color: #fff;
}

.recruit .c-btn a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
/*リクルート*/


/*マップ・お問い合わせ*/
.p-top_access_Contact {
  margin: 100px 150px;
  position: relative; 
}
@media (max-width: 1100px) {
  .p-top_access_Contact {
    margin: 80px 50px;
  }
}
@media (max-width: 768px) {
  .p-top_access_Contact {
    margin: 60px 40px;
  }
}

.p-top_access_bg {
  position: absolute;
  bottom: -180px;
  left: -150px; 
  width: 280px;
  z-index: 0;
  pointer-events: none;
}

.p-top_access_Contact_inner {
  display: flex;
  gap: 180px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1100px) {
  .p-top_access_Contact_inner {
    gap: 60px;
  }
}
@media (max-width: 768px) {
  .p-top_access_Contact_inner {
    flex-direction: column;
    gap: 60px;
  }
}

.p-top_access_Contact_inner::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background-color: var(--c-line);
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .p-top_access_Contact_inner::before {
    display: none;
  }
}

.p-top_access,
.p-top_contact {
  width: 50%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .p-top_access,
  .p-top_contact {
    width: 100%;
  }
}

/* マップエリアをラップ */
.p-top_access_content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.p-top_access_map {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #eee;
  margin: 20px 0 10px 0;
  border-radius: 8px;
  overflow: hidden;
}

.p-top_access_map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.p-top_access_title {
  text-align: center;
}

.p-top_access_address {
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 1100px) {
  .p-top_access_address {
    font-size: 0.85rem;
  }
}
@media (max-width: 768px) {
  .p-top_access_address {
    font-size: 0.9rem;
  }
}

/* コンタクトエリアをラップ */
.p-top_contact_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.p-top_contact_title {
  text-align: center;
}

.p-top_ac-en {
  font-size: 1rem;
  color: var(--c-text-sub);
}

.p-top_ac-jp {
  font-size: 2rem;
  font-weight: 700;
}

.p-top_contact_text {
  margin: 20px auto 0 auto;
  line-height: 1.6;
  font-size: clamp(1rem, 1.2vw, 1.3rem);
  text-align: center;

  width: 100%;
  max-width: 550px
}
@media (max-width: 1100px) {
  .p-top_contact_text {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .p-top_contact_text {
    font-size: 0.9rem;
    text-align: left;
  }
}

.p-top_contact_tel {
  display: flex;
  justify-content: center;
  text-align: center;
}

.p-top_contact_tel p {
  font-size: clamp(1.8rem, 2.5vw, 3rem);
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 50px;
}
@media (max-width: 1100px) {
  .p-top_contact_tel p {
    font-size: 1.8rem;
    margin-top: 25px;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .p-top_contact_tel p {
    font-size: 1.8rem;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

.p-top_contact_tel span {
  display: block;
  font-size: 0.9rem;
  margin-top: 5px;
}
@media (max-width: 1100px) {
  .p-top_contact_tel span {
    font-size: 0.8rem;
  }
}
@media (max-width: 768px) {
  .p-top_contact_tel span {
    font-size: 0.75rem;
  }
}

/* ボタンを下に揃える */
.p-top_access > .c-btn,
.p-top_contact > .c-btn {
  margin-top: auto;
}
/*マップ・お問い合わせ*/


/* フェードイン（下から） */
.sa-fade-up {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* フェードイン（左から） */
.sa-fade-right {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}

/* フェードイン（右から） */
.sa-fade-left {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}

/* ズームイン */
.sa-zoom {
  opacity: 0;
  transform: scale(0.85);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* --- アニメーション発火後（is-activeで付与） --- */
.sa-fade-up.is-active,
.sa-fade-right.is-active,
.sa-fade-left.is-active,
.sa-zoom.is-active {
  opacity: 1;
  transform: translate(0) scale(1);
}

/* --- stagger（連続出現）用の遅延 --- */
.sa-stagger:nth-child(1) { transition-delay: 0s; }
.sa-stagger:nth-child(2) { transition-delay: 0.12s; }
.sa-stagger:nth-child(3) { transition-delay: 0.24s; }
.sa-stagger:nth-child(4) { transition-delay: 0.36s; }
.sa-stagger:nth-child(5) { transition-delay: 0.48s; }
.sa-stagger:nth-child(6) { transition-delay: 0.60s; }
.sa-stagger:nth-child(7) { transition-delay: 0.72s; }


/* ===== LOADING SCREEN (トップページのみ) ===== */
.loader-screen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--c-base); /* または #0e2f5a */
  overflow: hidden;
  pointer-events: all;
}

/* ページコンテンツを一時的にスクロール不可 */
body.loading {
  overflow: hidden;
}

/* ローディング中はヘッダーを後ろに配置 */
body.loading header,
body.loading .l-header,
body.loading nav {
  z-index: 1 !important;
  position: relative;
}

/* Road lines background */
.road-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.road-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 60px;
  background: rgba(255,255,255,0.08);
  border-radius: 2px;
  animation: roadScroll 1.8s linear infinite;
}

.road-line:nth-child(1) { animation-delay: 0s; }
.road-line:nth-child(2) { animation-delay: 0.45s; }
.road-line:nth-child(3) { animation-delay: 0.9s; }
.road-line:nth-child(4) { animation-delay: 1.35s; }

@keyframes roadScroll {
  0% { top: -80px; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: calc(100% + 80px); opacity: 0; }
}

/* ===== SIGN LANES ===== */
.sign-lane {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}

.sign-lane--left {
  left: 0;
  width: 30%;
}

.sign-lane--right {
  right: 0;
  width: 30%;
}

.sign {
  position: absolute;
  opacity: 0;
  will-change: transform, opacity;
  animation: signScrollDown linear forwards;
}

.sign img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

@keyframes signScrollDown {
  0% {
    transform: translateY(-20px) scale(var(--s-scale, 0.8));
    opacity: 0;
  }
  6% {
    opacity: var(--s-opacity, 0.4);
  }
  90% {
    opacity: var(--s-opacity, 0.4);
  }
  100% {
    transform: translateY(calc(100vh + 80px)) scale(calc(var(--s-scale, 0.8) + 0.1));
    opacity: 0;
  }
}

@media (max-width: 768px) {
  .sign-lane--left,
  .sign-lane--right {
    width: 25%;
  }
}

@media (max-width: 480px) {
  .sign-lane--left,
  .sign-lane--right {
    width: 22%;
  }
}

/* ===== CENTER CONTENT ===== */
.logo-container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

.tagline {
  font-size: 26px;
  letter-spacing: 4px;
  color: rgba(255,255,255,0.6);
  opacity: 0;
  animation: fadeUp 0.8s ease 0.1s forwards;
}

@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* Progress bar */
.progress-wrapper {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  z-index: 2;
}

.progress-track {
  width: 100%;
  height: 2px;
  background: rgba(255,255,255,0.1);
  border-radius: 1px;
  overflow: hidden;
  opacity: 0;
  animation: fadeIn 0.5s ease 1.0s forwards;
}

.progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #2d6cc0, #ffffff);
  border-radius: 1px;
  animation: loadProgress 2.5s cubic-bezier(0.4, 0, 0.2, 1) 1.2s forwards;
}

.progress-text {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.35);
  opacity: 0;
  animation: fadeIn 0.5s ease 1.0s forwards;
  display: flex;
  gap: 2px;
}

.letter-swap {
  display: inline-block;
  position: relative;
  width: 0.7em;
  height: 1.2em;
  overflow: hidden;
}

.letter-swap span {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.letter-swap .char-l { animation: swapOut 3s ease-in-out infinite; }
.letter-swap .char-r { animation: swapIn 3s ease-in-out infinite; }

@keyframes swapOut {
  0%, 40% { opacity: 1; transform: translateY(0); }
  50%, 90% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes swapIn {
  0%, 40% { opacity: 0; transform: translateY(100%); }
  50%, 90% { opacity: 1; transform: translateY(0); color: rgba(255,255,255,0.6); }
  100% { opacity: 0; transform: translateY(100%); }
}

.road-highlight { animation: highlightRoad 3s ease-in-out infinite; }

@keyframes highlightRoad {
  0%, 40% { color: rgba(255,255,255,0.35); }
  50%, 90% { color: rgba(255,255,255,0.6); }
  100% { color: rgba(255,255,255,0.35); }
}

@keyframes fadeIn { to { opacity: 1; } }

@keyframes loadProgress {
  0% { width: 0%; }
  20% { width: 25%; }
  50% { width: 60%; }
  80% { width: 85%; }
  100% { width: 100%; }
}

/* ===== EXIT ===== */
.loader-screen.exit {
  animation: screenExit 0.8s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

@keyframes screenExit {
  0% { clip-path: inset(0 0 0 0); }
  100% { clip-path: inset(0 0 100% 0); }
}

.u-mtSec {
  margin-top: 180px !important;
}
.u-mtMv {
  margin-top: 100px !important;
}
.u-mtLine {
  margin-top: 50px !important;
}
.u-mtTtl {
  margin-top: 32px !important;
}
.u-mtFoot {
  margin-top: 280px !important;
}
.u-mt-0 {
  margin-top: 0rem;
}
.u-mt-1 {
  margin-top: 0.0625rem;
}
.u-mt-2 {
  margin-top: 0.125rem;
}
.u-mt-3 {
  margin-top: 0.1875rem;
}
.u-mt-4 {
  margin-top: 0.25rem;
}
.u-mt-5 {
  margin-top: 0.3125rem;
}
.u-mt-6 {
  margin-top: 0.375rem;
}
.u-mt-7 {
  margin-top: 0.4375rem;
}
.u-mt-8 {
  margin-top: 0.5rem;
}
.u-mt-9 {
  margin-top: 0.5625rem;
}
.u-mt-10 {
  margin-top: 0.625rem;
}
.u-mt-11 {
  margin-top: 0.6875rem;
}
.u-mt-12 {
  margin-top: 0.75rem;
}
.u-mt-13 {
  margin-top: 0.8125rem;
}
.u-mt-14 {
  margin-top: 0.875rem;
}
.u-mt-15 {
  margin-top: 0.9375rem;
}
.u-mt-16 {
  margin-top: 1rem;
}
.u-mt-17 {
  margin-top: 1.0625rem;
}
.u-mt-18 {
  margin-top: 1.125rem;
}
.u-mt-19 {
  margin-top: 1.1875rem;
}
.u-mt-20 {
  margin-top: 1.25rem;
}
.u-mt-21 {
  margin-top: 1.3125rem;
}
.u-mt-22 {
  margin-top: 1.375rem;
}
.u-mt-23 {
  margin-top: 1.4375rem;
}
.u-mt-24 {
  margin-top: 1.5rem;
}
.u-mt-25 {
  margin-top: 1.5625rem;
}
.u-mt-26 {
  margin-top: 1.625rem;
}
.u-mt-27 {
  margin-top: 1.6875rem;
}
.u-mt-28 {
  margin-top: 1.75rem;
}
.u-mt-29 {
  margin-top: 1.8125rem;
}
.u-mt-30 {
  margin-top: 1.875rem;
}
.u-mt-31 {
  margin-top: 1.9375rem;
}
.u-mt-32 {
  margin-top: 2rem;
}
.u-mt-33 {
  margin-top: 2.0625rem;
}
.u-mt-34 {
  margin-top: 2.125rem;
}
.u-mt-35 {
  margin-top: 2.1875rem;
}
.u-mt-36 {
  margin-top: 2.25rem;
}
.u-mt-37 {
  margin-top: 2.3125rem;
}
.u-mt-38 {
  margin-top: 2.375rem;
}
.u-mt-39 {
  margin-top: 2.4375rem;
}
.u-mt-40 {
  margin-top: 2.5rem;
}
.u-mt-41 {
  margin-top: 2.5625rem;
}
.u-mt-42 {
  margin-top: 2.625rem;
}
.u-mt-43 {
  margin-top: 2.6875rem;
}
.u-mt-44 {
  margin-top: 2.75rem;
}
.u-mt-45 {
  margin-top: 2.8125rem;
}
.u-mt-46 {
  margin-top: 2.875rem;
}
.u-mt-47 {
  margin-top: 2.9375rem;
}
.u-mt-48 {
  margin-top: 3rem;
}
.u-mt-49 {
  margin-top: 3.0625rem;
}
.u-mt-50 {
  margin-top: 3.125rem;
}
.u-mt-51 {
  margin-top: 3.1875rem;
}
.u-mt-52 {
  margin-top: 3.25rem;
}
.u-mt-53 {
  margin-top: 3.3125rem;
}
.u-mt-54 {
  margin-top: 3.375rem;
}
.u-mt-55 {
  margin-top: 3.4375rem;
}
.u-mt-56 {
  margin-top: 3.5rem;
}
.u-mt-57 {
  margin-top: 3.5625rem;
}
.u-mt-58 {
  margin-top: 3.625rem;
}
.u-mt-59 {
  margin-top: 3.6875rem;
}
.u-mt-60 {
  margin-top: 3.75rem;
}
.u-mt-61 {
  margin-top: 3.8125rem;
}
.u-mt-62 {
  margin-top: 3.875rem;
}
.u-mt-63 {
  margin-top: 3.9375rem;
}
.u-mt-64 {
  margin-top: 4rem;
}
.u-mt-65 {
  margin-top: 4.0625rem;
}
.u-mt-66 {
  margin-top: 4.125rem;
}
.u-mt-67 {
  margin-top: 4.1875rem;
}
.u-mt-68 {
  margin-top: 4.25rem;
}
.u-mt-69 {
  margin-top: 4.3125rem;
}
.u-mt-70 {
  margin-top: 4.375rem;
}
.u-mt-71 {
  margin-top: 4.4375rem;
}
.u-mt-72 {
  margin-top: 4.5rem;
}
.u-mt-73 {
  margin-top: 4.5625rem;
}
.u-mt-74 {
  margin-top: 4.625rem;
}
.u-mt-75 {
  margin-top: 4.6875rem;
}
.u-mt-76 {
  margin-top: 4.75rem;
}
.u-mt-77 {
  margin-top: 4.8125rem;
}
.u-mt-78 {
  margin-top: 4.875rem;
}
.u-mt-79 {
  margin-top: 4.9375rem;
}
.u-mt-80 {
  margin-top: 5rem;
}
.u-mt-81 {
  margin-top: 5.0625rem;
}
.u-mt-82 {
  margin-top: 5.125rem;
}
.u-mt-83 {
  margin-top: 5.1875rem;
}
.u-mt-84 {
  margin-top: 5.25rem;
}
.u-mt-85 {
  margin-top: 5.3125rem;
}
.u-mt-86 {
  margin-top: 5.375rem;
}
.u-mt-87 {
  margin-top: 5.4375rem;
}
.u-mt-88 {
  margin-top: 5.5rem;
}
.u-mt-89 {
  margin-top: 5.5625rem;
}
.u-mt-90 {
  margin-top: 5.625rem;
}
.u-mt-91 {
  margin-top: 5.6875rem;
}
.u-mt-92 {
  margin-top: 5.75rem;
}
.u-mt-93 {
  margin-top: 5.8125rem;
}
.u-mt-94 {
  margin-top: 5.875rem;
}
.u-mt-95 {
  margin-top: 5.9375rem;
}
.u-mt-96 {
  margin-top: 6rem;
}
.u-mt-97 {
  margin-top: 6.0625rem;
}
.u-mt-98 {
  margin-top: 6.125rem;
}
.u-mt-99 {
  margin-top: 6.1875rem;
}
.u-mt-100 {
  margin-top: 6.25rem;
}
.u-mt-101 {
  margin-top: 6.3125rem;
}
.u-mt-102 {
  margin-top: 6.375rem;
}
.u-mt-103 {
  margin-top: 6.4375rem;
}
.u-mt-104 {
  margin-top: 6.5rem;
}
.u-mt-105 {
  margin-top: 6.5625rem;
}
.u-mt-106 {
  margin-top: 6.625rem;
}
.u-mt-107 {
  margin-top: 6.6875rem;
}
.u-mt-108 {
  margin-top: 6.75rem;
}
.u-mt-109 {
  margin-top: 6.8125rem;
}
.u-mt-110 {
  margin-top: 6.875rem;
}
.u-mt-111 {
  margin-top: 6.9375rem;
}
.u-mt-112 {
  margin-top: 7rem;
}
.u-mt-113 {
  margin-top: 7.0625rem;
}
.u-mt-114 {
  margin-top: 7.125rem;
}
.u-mt-115 {
  margin-top: 7.1875rem;
}
.u-mt-116 {
  margin-top: 7.25rem;
}
.u-mt-117 {
  margin-top: 7.3125rem;
}
.u-mt-118 {
  margin-top: 7.375rem;
}
.u-mt-119 {
  margin-top: 7.4375rem;
}
.u-mt-120 {
  margin-top: 7.5rem;
}
.u-mt-121 {
  margin-top: 7.5625rem;
}
.u-mt-122 {
  margin-top: 7.625rem;
}
.u-mt-123 {
  margin-top: 7.6875rem;
}
.u-mt-124 {
  margin-top: 7.75rem;
}
.u-mt-125 {
  margin-top: 7.8125rem;
}
.u-mt-126 {
  margin-top: 7.875rem;
}
.u-mt-127 {
  margin-top: 7.9375rem;
}
.u-mt-128 {
  margin-top: 8rem;
}
.u-mt-129 {
  margin-top: 8.0625rem;
}
.u-mt-130 {
  margin-top: 8.125rem;
}
.u-mt-131 {
  margin-top: 8.1875rem;
}
.u-mt-132 {
  margin-top: 8.25rem;
}
.u-mt-133 {
  margin-top: 8.3125rem;
}
.u-mt-134 {
  margin-top: 8.375rem;
}
.u-mt-135 {
  margin-top: 8.4375rem;
}
.u-mt-136 {
  margin-top: 8.5rem;
}
.u-mt-137 {
  margin-top: 8.5625rem;
}
.u-mt-138 {
  margin-top: 8.625rem;
}
.u-mt-139 {
  margin-top: 8.6875rem;
}
.u-mt-140 {
  margin-top: 8.75rem;
}
.u-mt-141 {
  margin-top: 8.8125rem;
}
.u-mt-142 {
  margin-top: 8.875rem;
}
.u-mt-143 {
  margin-top: 8.9375rem;
}
.u-mt-144 {
  margin-top: 9rem;
}
.u-mt-145 {
  margin-top: 9.0625rem;
}
.u-mt-146 {
  margin-top: 9.125rem;
}
.u-mt-147 {
  margin-top: 9.1875rem;
}
.u-mt-148 {
  margin-top: 9.25rem;
}
.u-mt-149 {
  margin-top: 9.3125rem;
}
.u-mt-150 {
  margin-top: 9.375rem;
}
.u-mt-151 {
  margin-top: 9.4375rem;
}
.u-mt-152 {
  margin-top: 9.5rem;
}
.u-mt-153 {
  margin-top: 9.5625rem;
}
.u-mt-154 {
  margin-top: 9.625rem;
}
.u-mt-155 {
  margin-top: 9.6875rem;
}
.u-mt-156 {
  margin-top: 9.75rem;
}
.u-mt-157 {
  margin-top: 9.8125rem;
}
.u-mt-158 {
  margin-top: 9.875rem;
}
.u-mt-159 {
  margin-top: 9.9375rem;
}
.u-mt-160 {
  margin-top: 10rem;
}
.u-mt-161 {
  margin-top: 10.0625rem;
}
.u-mt-162 {
  margin-top: 10.125rem;
}
.u-mt-163 {
  margin-top: 10.1875rem;
}
.u-mt-164 {
  margin-top: 10.25rem;
}
.u-mt-165 {
  margin-top: 10.3125rem;
}
.u-mt-166 {
  margin-top: 10.375rem;
}
.u-mt-167 {
  margin-top: 10.4375rem;
}
.u-mt-168 {
  margin-top: 10.5rem;
}
.u-mt-169 {
  margin-top: 10.5625rem;
}
.u-mt-170 {
  margin-top: 10.625rem;
}
.u-mt-171 {
  margin-top: 10.6875rem;
}
.u-mt-172 {
  margin-top: 10.75rem;
}
.u-mt-173 {
  margin-top: 10.8125rem;
}
.u-mt-174 {
  margin-top: 10.875rem;
}
.u-mt-175 {
  margin-top: 10.9375rem;
}
.u-mt-176 {
  margin-top: 11rem;
}
.u-mt-177 {
  margin-top: 11.0625rem;
}
.u-mt-178 {
  margin-top: 11.125rem;
}
.u-mt-179 {
  margin-top: 11.1875rem;
}
.u-mt-180 {
  margin-top: 11.25rem;
}
.u-mt-181 {
  margin-top: 11.3125rem;
}
.u-mt-182 {
  margin-top: 11.375rem;
}
.u-mt-183 {
  margin-top: 11.4375rem;
}
.u-mt-184 {
  margin-top: 11.5rem;
}
.u-mt-185 {
  margin-top: 11.5625rem;
}
.u-mt-186 {
  margin-top: 11.625rem;
}
.u-mt-187 {
  margin-top: 11.6875rem;
}
.u-mt-188 {
  margin-top: 11.75rem;
}
.u-mt-189 {
  margin-top: 11.8125rem;
}
.u-mt-190 {
  margin-top: 11.875rem;
}
.u-mt-191 {
  margin-top: 11.9375rem;
}
.u-mt-192 {
  margin-top: 12rem;
}
.u-mt-193 {
  margin-top: 12.0625rem;
}
.u-mt-194 {
  margin-top: 12.125rem;
}
.u-mt-195 {
  margin-top: 12.1875rem;
}
.u-mt-196 {
  margin-top: 12.25rem;
}
.u-mt-197 {
  margin-top: 12.3125rem;
}
.u-mt-198 {
  margin-top: 12.375rem;
}
.u-mt-199 {
  margin-top: 12.4375rem;
}
.u-mt-200 {
  margin-top: 12.5rem;
}

.u-mbSec {
  margin-bottom: 180px !important;
}
.u-mbMv {
  margin-bottom: 100px !important;
}
.u-mbLine {
  margin-bottom: 50px !important;
}
.u-mbTtl {
  margin-bottom: 32px !important;
}
.u-mbFoot {
  margin-bottom: 180px !important;
}
.u-mb-0 {
  margin-bottom: 0rem;
}
.u-mb-1 {
  margin-bottom: 0.0625rem;
}
.u-mb-2 {
  margin-bottom: 0.125rem;
}
.u-mb-3 {
  margin-bottom: 0.1875rem;
}
.u-mb-4 {
  margin-bottom: 0.25rem;
}
.u-mb-5 {
  margin-bottom: 0.3125rem;
}
.u-mb-6 {
  margin-bottom: 0.375rem;
}
.u-mb-7 {
  margin-bottom: 0.4375rem;
}
.u-mb-8 {
  margin-bottom: 0.5rem;
}
.u-mb-9 {
  margin-bottom: 0.5625rem;
}
.u-mb-10 {
  margin-bottom: 0.625rem;
}
.u-mb-11 {
  margin-bottom: 0.6875rem;
}
.u-mb-12 {
  margin-bottom: 0.75rem;
}
.u-mb-13 {
  margin-bottom: 0.8125rem;
}
.u-mb-14 {
  margin-bottom: 0.875rem;
}
.u-mb-15 {
  margin-bottom: 0.9375rem;
}
.u-mb-16 {
  margin-bottom: 1rem;
}
.u-mb-17 {
  margin-bottom: 1.0625rem;
}
.u-mb-18 {
  margin-bottom: 1.125rem;
}
.u-mb-19 {
  margin-bottom: 1.1875rem;
}
.u-mb-20 {
  margin-bottom: 1.25rem;
}
.u-mb-21 {
  margin-bottom: 1.3125rem;
}
.u-mb-22 {
  margin-bottom: 1.375rem;
}
.u-mb-23 {
  margin-bottom: 1.4375rem;
}
.u-mb-24 {
  margin-bottom: 1.5rem;
}
.u-mb-25 {
  margin-bottom: 1.5625rem;
}
.u-mb-26 {
  margin-bottom: 1.625rem;
}
.u-mb-27 {
  margin-bottom: 1.6875rem;
}
.u-mb-28 {
  margin-bottom: 1.75rem;
}
.u-mb-29 {
  margin-bottom: 1.8125rem;
}
.u-mb-30 {
  margin-bottom: 1.875rem;
}
.u-mb-31 {
  margin-bottom: 1.9375rem;
}
.u-mb-32 {
  margin-bottom: 2rem;
}
.u-mb-33 {
  margin-bottom: 2.0625rem;
}
.u-mb-34 {
  margin-bottom: 2.125rem;
}
.u-mb-35 {
  margin-bottom: 2.1875rem;
}
.u-mb-36 {
  margin-bottom: 2.25rem;
}
.u-mb-37 {
  margin-bottom: 2.3125rem;
}
.u-mb-38 {
  margin-bottom: 2.375rem;
}
.u-mb-39 {
  margin-bottom: 2.4375rem;
}
.u-mb-40 {
  margin-bottom: 2.5rem;
}
.u-mb-41 {
  margin-bottom: 2.5625rem;
}
.u-mb-42 {
  margin-bottom: 2.625rem;
}
.u-mb-43 {
  margin-bottom: 2.6875rem;
}
.u-mb-44 {
  margin-bottom: 2.75rem;
}
.u-mb-45 {
  margin-bottom: 2.8125rem;
}
.u-mb-46 {
  margin-bottom: 2.875rem;
}
.u-mb-47 {
  margin-bottom: 2.9375rem;
}
.u-mb-48 {
  margin-bottom: 3rem;
}
.u-mb-49 {
  margin-bottom: 3.0625rem;
}
.u-mb-50 {
  margin-bottom: 3.125rem;
}
.u-mb-51 {
  margin-bottom: 3.1875rem;
}
.u-mb-52 {
  margin-bottom: 3.25rem;
}
.u-mb-53 {
  margin-bottom: 3.3125rem;
}
.u-mb-54 {
  margin-bottom: 3.375rem;
}
.u-mb-55 {
  margin-bottom: 3.4375rem;
}
.u-mb-56 {
  margin-bottom: 3.5rem;
}
.u-mb-57 {
  margin-bottom: 3.5625rem;
}
.u-mb-58 {
  margin-bottom: 3.625rem;
}
.u-mb-59 {
  margin-bottom: 3.6875rem;
}
.u-mb-60 {
  margin-bottom: 3.75rem;
}
.u-mb-61 {
  margin-bottom: 3.8125rem;
}
.u-mb-62 {
  margin-bottom: 3.875rem;
}
.u-mb-63 {
  margin-bottom: 3.9375rem;
}
.u-mb-64 {
  margin-bottom: 4rem;
}
.u-mb-65 {
  margin-bottom: 4.0625rem;
}
.u-mb-66 {
  margin-bottom: 4.125rem;
}
.u-mb-67 {
  margin-bottom: 4.1875rem;
}
.u-mb-68 {
  margin-bottom: 4.25rem;
}
.u-mb-69 {
  margin-bottom: 4.3125rem;
}
.u-mb-70 {
  margin-bottom: 4.375rem;
}
.u-mb-71 {
  margin-bottom: 4.4375rem;
}
.u-mb-72 {
  margin-bottom: 4.5rem;
}
.u-mb-73 {
  margin-bottom: 4.5625rem;
}
.u-mb-74 {
  margin-bottom: 4.625rem;
}
.u-mb-75 {
  margin-bottom: 4.6875rem;
}
.u-mb-76 {
  margin-bottom: 4.75rem;
}
.u-mb-77 {
  margin-bottom: 4.8125rem;
}
.u-mb-78 {
  margin-bottom: 4.875rem;
}
.u-mb-79 {
  margin-bottom: 4.9375rem;
}
.u-mb-80 {
  margin-bottom: 5rem;
}
.u-mb-81 {
  margin-bottom: 5.0625rem;
}
.u-mb-82 {
  margin-bottom: 5.125rem;
}
.u-mb-83 {
  margin-bottom: 5.1875rem;
}
.u-mb-84 {
  margin-bottom: 5.25rem;
}
.u-mb-85 {
  margin-bottom: 5.3125rem;
}
.u-mb-86 {
  margin-bottom: 5.375rem;
}
.u-mb-87 {
  margin-bottom: 5.4375rem;
}
.u-mb-88 {
  margin-bottom: 5.5rem;
}
.u-mb-89 {
  margin-bottom: 5.5625rem;
}
.u-mb-90 {
  margin-bottom: 5.625rem;
}
.u-mb-91 {
  margin-bottom: 5.6875rem;
}
.u-mb-92 {
  margin-bottom: 5.75rem;
}
.u-mb-93 {
  margin-bottom: 5.8125rem;
}
.u-mb-94 {
  margin-bottom: 5.875rem;
}
.u-mb-95 {
  margin-bottom: 5.9375rem;
}
.u-mb-96 {
  margin-bottom: 6rem;
}
.u-mb-97 {
  margin-bottom: 6.0625rem;
}
.u-mb-98 {
  margin-bottom: 6.125rem;
}
.u-mb-99 {
  margin-bottom: 6.1875rem;
}
.u-mb-100 {
  margin-bottom: 6.25rem;
}
.u-mb-101 {
  margin-bottom: 6.3125rem;
}
.u-mb-102 {
  margin-bottom: 6.375rem;
}
.u-mb-103 {
  margin-bottom: 6.4375rem;
}
.u-mb-104 {
  margin-bottom: 6.5rem;
}
.u-mb-105 {
  margin-bottom: 6.5625rem;
}
.u-mb-106 {
  margin-bottom: 6.625rem;
}
.u-mb-107 {
  margin-bottom: 6.6875rem;
}
.u-mb-108 {
  margin-bottom: 6.75rem;
}
.u-mb-109 {
  margin-bottom: 6.8125rem;
}
.u-mb-110 {
  margin-bottom: 6.875rem;
}
.u-mb-111 {
  margin-bottom: 6.9375rem;
}
.u-mb-112 {
  margin-bottom: 7rem;
}
.u-mb-113 {
  margin-bottom: 7.0625rem;
}
.u-mb-114 {
  margin-bottom: 7.125rem;
}
.u-mb-115 {
  margin-bottom: 7.1875rem;
}
.u-mb-116 {
  margin-bottom: 7.25rem;
}
.u-mb-117 {
  margin-bottom: 7.3125rem;
}
.u-mb-118 {
  margin-bottom: 7.375rem;
}
.u-mb-119 {
  margin-bottom: 7.4375rem;
}
.u-mb-120 {
  margin-bottom: 7.5rem;
}
.u-mb-121 {
  margin-bottom: 7.5625rem;
}
.u-mb-122 {
  margin-bottom: 7.625rem;
}
.u-mb-123 {
  margin-bottom: 7.6875rem;
}
.u-mb-124 {
  margin-bottom: 7.75rem;
}
.u-mb-125 {
  margin-bottom: 7.8125rem;
}
.u-mb-126 {
  margin-bottom: 7.875rem;
}
.u-mb-127 {
  margin-bottom: 7.9375rem;
}
.u-mb-128 {
  margin-bottom: 8rem;
}
.u-mb-129 {
  margin-bottom: 8.0625rem;
}
.u-mb-130 {
  margin-bottom: 8.125rem;
}
.u-mb-131 {
  margin-bottom: 8.1875rem;
}
.u-mb-132 {
  margin-bottom: 8.25rem;
}
.u-mb-133 {
  margin-bottom: 8.3125rem;
}
.u-mb-134 {
  margin-bottom: 8.375rem;
}
.u-mb-135 {
  margin-bottom: 8.4375rem;
}
.u-mb-136 {
  margin-bottom: 8.5rem;
}
.u-mb-137 {
  margin-bottom: 8.5625rem;
}
.u-mb-138 {
  margin-bottom: 8.625rem;
}
.u-mb-139 {
  margin-bottom: 8.6875rem;
}
.u-mb-140 {
  margin-bottom: 8.75rem;
}
.u-mb-141 {
  margin-bottom: 8.8125rem;
}
.u-mb-142 {
  margin-bottom: 8.875rem;
}
.u-mb-143 {
  margin-bottom: 8.9375rem;
}
.u-mb-144 {
  margin-bottom: 9rem;
}
.u-mb-145 {
  margin-bottom: 9.0625rem;
}
.u-mb-146 {
  margin-bottom: 9.125rem;
}
.u-mb-147 {
  margin-bottom: 9.1875rem;
}
.u-mb-148 {
  margin-bottom: 9.25rem;
}
.u-mb-149 {
  margin-bottom: 9.3125rem;
}
.u-mb-150 {
  margin-bottom: 9.375rem;
}
.u-mb-151 {
  margin-bottom: 9.4375rem;
}
.u-mb-152 {
  margin-bottom: 9.5rem;
}
.u-mb-153 {
  margin-bottom: 9.5625rem;
}
.u-mb-154 {
  margin-bottom: 9.625rem;
}
.u-mb-155 {
  margin-bottom: 9.6875rem;
}
.u-mb-156 {
  margin-bottom: 9.75rem;
}
.u-mb-157 {
  margin-bottom: 9.8125rem;
}
.u-mb-158 {
  margin-bottom: 9.875rem;
}
.u-mb-159 {
  margin-bottom: 9.9375rem;
}
.u-mb-160 {
  margin-bottom: 10rem;
}
.u-mb-161 {
  margin-bottom: 10.0625rem;
}
.u-mb-162 {
  margin-bottom: 10.125rem;
}
.u-mb-163 {
  margin-bottom: 10.1875rem;
}
.u-mb-164 {
  margin-bottom: 10.25rem;
}
.u-mb-165 {
  margin-bottom: 10.3125rem;
}
.u-mb-166 {
  margin-bottom: 10.375rem;
}
.u-mb-167 {
  margin-bottom: 10.4375rem;
}
.u-mb-168 {
  margin-bottom: 10.5rem;
}
.u-mb-169 {
  margin-bottom: 10.5625rem;
}
.u-mb-170 {
  margin-bottom: 10.625rem;
}
.u-mb-171 {
  margin-bottom: 10.6875rem;
}
.u-mb-172 {
  margin-bottom: 10.75rem;
}
.u-mb-173 {
  margin-bottom: 10.8125rem;
}
.u-mb-174 {
  margin-bottom: 10.875rem;
}
.u-mb-175 {
  margin-bottom: 10.9375rem;
}
.u-mb-176 {
  margin-bottom: 11rem;
}
.u-mb-177 {
  margin-bottom: 11.0625rem;
}
.u-mb-178 {
  margin-bottom: 11.125rem;
}
.u-mb-179 {
  margin-bottom: 11.1875rem;
}
.u-mb-180 {
  margin-bottom: 11.25rem;
}
.u-mb-181 {
  margin-bottom: 11.3125rem;
}
.u-mb-182 {
  margin-bottom: 11.375rem;
}
.u-mb-183 {
  margin-bottom: 11.4375rem;
}
.u-mb-184 {
  margin-bottom: 11.5rem;
}
.u-mb-185 {
  margin-bottom: 11.5625rem;
}
.u-mb-186 {
  margin-bottom: 11.625rem;
}
.u-mb-187 {
  margin-bottom: 11.6875rem;
}
.u-mb-188 {
  margin-bottom: 11.75rem;
}
.u-mb-189 {
  margin-bottom: 11.8125rem;
}
.u-mb-190 {
  margin-bottom: 11.875rem;
}
.u-mb-191 {
  margin-bottom: 11.9375rem;
}
.u-mb-192 {
  margin-bottom: 12rem;
}
.u-mb-193 {
  margin-bottom: 12.0625rem;
}
.u-mb-194 {
  margin-bottom: 12.125rem;
}
.u-mb-195 {
  margin-bottom: 12.1875rem;
}
.u-mb-196 {
  margin-bottom: 12.25rem;
}
.u-mb-197 {
  margin-bottom: 12.3125rem;
}
.u-mb-198 {
  margin-bottom: 12.375rem;
}
.u-mb-199 {
  margin-bottom: 12.4375rem;
}
.u-mb-200 {
  margin-bottom: 12.5rem;
}

.u-ptSec {
  padding-top: 180px !important;
}
.u-ptMv {
  padding-top: 100px !important;
}
.u-ptLine {
  padding-top: 50px !important;
}
.u-ptTtl {
  padding-top: 32px !important;
}
.u-ptFoot {
  padding-top: 180px !important;
}
.u-pt-0 {
  padding-top: 0rem;
}
.u-pt-1 {
  padding-top: 0.0625rem;
}
.u-pt-2 {
  padding-top: 0.125rem;
}
.u-pt-3 {
  padding-top: 0.1875rem;
}
.u-pt-4 {
  padding-top: 0.25rem;
}
.u-pt-5 {
  padding-top: 0.3125rem;
}
.u-pt-6 {
  padding-top: 0.375rem;
}
.u-pt-7 {
  padding-top: 0.4375rem;
}
.u-pt-8 {
  padding-top: 0.5rem;
}
.u-pt-9 {
  padding-top: 0.5625rem;
}
.u-pt-10 {
  padding-top: 0.625rem;
}
.u-pt-11 {
  padding-top: 0.6875rem;
}
.u-pt-12 {
  padding-top: 0.75rem;
}
.u-pt-13 {
  padding-top: 0.8125rem;
}
.u-pt-14 {
  padding-top: 0.875rem;
}
.u-pt-15 {
  padding-top: 0.9375rem;
}
.u-pt-16 {
  padding-top: 1rem;
}
.u-pt-17 {
  padding-top: 1.0625rem;
}
.u-pt-18 {
  padding-top: 1.125rem;
}
.u-pt-19 {
  padding-top: 1.1875rem;
}
.u-pt-20 {
  padding-top: 1.25rem;
}
.u-pt-21 {
  padding-top: 1.3125rem;
}
.u-pt-22 {
  padding-top: 1.375rem;
}
.u-pt-23 {
  padding-top: 1.4375rem;
}
.u-pt-24 {
  padding-top: 1.5rem;
}
.u-pt-25 {
  padding-top: 1.5625rem;
}
.u-pt-26 {
  padding-top: 1.625rem;
}
.u-pt-27 {
  padding-top: 1.6875rem;
}
.u-pt-28 {
  padding-top: 1.75rem;
}
.u-pt-29 {
  padding-top: 1.8125rem;
}
.u-pt-30 {
  padding-top: 1.875rem;
}
.u-pt-31 {
  padding-top: 1.9375rem;
}
.u-pt-32 {
  padding-top: 2rem;
}
.u-pt-33 {
  padding-top: 2.0625rem;
}
.u-pt-34 {
  padding-top: 2.125rem;
}
.u-pt-35 {
  padding-top: 2.1875rem;
}
.u-pt-36 {
  padding-top: 2.25rem;
}
.u-pt-37 {
  padding-top: 2.3125rem;
}
.u-pt-38 {
  padding-top: 2.375rem;
}
.u-pt-39 {
  padding-top: 2.4375rem;
}
.u-pt-40 {
  padding-top: 2.5rem;
}
.u-pt-41 {
  padding-top: 2.5625rem;
}
.u-pt-42 {
  padding-top: 2.625rem;
}
.u-pt-43 {
  padding-top: 2.6875rem;
}
.u-pt-44 {
  padding-top: 2.75rem;
}
.u-pt-45 {
  padding-top: 2.8125rem;
}
.u-pt-46 {
  padding-top: 2.875rem;
}
.u-pt-47 {
  padding-top: 2.9375rem;
}
.u-pt-48 {
  padding-top: 3rem;
}
.u-pt-49 {
  padding-top: 3.0625rem;
}
.u-pt-50 {
  padding-top: 3.125rem;
}
.u-pt-51 {
  padding-top: 3.1875rem;
}
.u-pt-52 {
  padding-top: 3.25rem;
}
.u-pt-53 {
  padding-top: 3.3125rem;
}
.u-pt-54 {
  padding-top: 3.375rem;
}
.u-pt-55 {
  padding-top: 3.4375rem;
}
.u-pt-56 {
  padding-top: 3.5rem;
}
.u-pt-57 {
  padding-top: 3.5625rem;
}
.u-pt-58 {
  padding-top: 3.625rem;
}
.u-pt-59 {
  padding-top: 3.6875rem;
}
.u-pt-60 {
  padding-top: 3.75rem;
}
.u-pt-61 {
  padding-top: 3.8125rem;
}
.u-pt-62 {
  padding-top: 3.875rem;
}
.u-pt-63 {
  padding-top: 3.9375rem;
}
.u-pt-64 {
  padding-top: 4rem;
}
.u-pt-65 {
  padding-top: 4.0625rem;
}
.u-pt-66 {
  padding-top: 4.125rem;
}
.u-pt-67 {
  padding-top: 4.1875rem;
}
.u-pt-68 {
  padding-top: 4.25rem;
}
.u-pt-69 {
  padding-top: 4.3125rem;
}
.u-pt-70 {
  padding-top: 4.375rem;
}
.u-pt-71 {
  padding-top: 4.4375rem;
}
.u-pt-72 {
  padding-top: 4.5rem;
}
.u-pt-73 {
  padding-top: 4.5625rem;
}
.u-pt-74 {
  padding-top: 4.625rem;
}
.u-pt-75 {
  padding-top: 4.6875rem;
}
.u-pt-76 {
  padding-top: 4.75rem;
}
.u-pt-77 {
  padding-top: 4.8125rem;
}
.u-pt-78 {
  padding-top: 4.875rem;
}
.u-pt-79 {
  padding-top: 4.9375rem;
}
.u-pt-80 {
  padding-top: 5rem;
}
.u-pt-81 {
  padding-top: 5.0625rem;
}
.u-pt-82 {
  padding-top: 5.125rem;
}
.u-pt-83 {
  padding-top: 5.1875rem;
}
.u-pt-84 {
  padding-top: 5.25rem;
}
.u-pt-85 {
  padding-top: 5.3125rem;
}
.u-pt-86 {
  padding-top: 5.375rem;
}
.u-pt-87 {
  padding-top: 5.4375rem;
}
.u-pt-88 {
  padding-top: 5.5rem;
}
.u-pt-89 {
  padding-top: 5.5625rem;
}
.u-pt-90 {
  padding-top: 5.625rem;
}
.u-pt-91 {
  padding-top: 5.6875rem;
}
.u-pt-92 {
  padding-top: 5.75rem;
}
.u-pt-93 {
  padding-top: 5.8125rem;
}
.u-pt-94 {
  padding-top: 5.875rem;
}
.u-pt-95 {
  padding-top: 5.9375rem;
}
.u-pt-96 {
  padding-top: 6rem;
}
.u-pt-97 {
  padding-top: 6.0625rem;
}
.u-pt-98 {
  padding-top: 6.125rem;
}
.u-pt-99 {
  padding-top: 6.1875rem;
}
.u-pt-100 {
  padding-top: 6.25rem;
}
.u-pt-101 {
  padding-top: 6.3125rem;
}
.u-pt-102 {
  padding-top: 6.375rem;
}
.u-pt-103 {
  padding-top: 6.4375rem;
}
.u-pt-104 {
  padding-top: 6.5rem;
}
.u-pt-105 {
  padding-top: 6.5625rem;
}
.u-pt-106 {
  padding-top: 6.625rem;
}
.u-pt-107 {
  padding-top: 6.6875rem;
}
.u-pt-108 {
  padding-top: 6.75rem;
}
.u-pt-109 {
  padding-top: 6.8125rem;
}
.u-pt-110 {
  padding-top: 6.875rem;
}
.u-pt-111 {
  padding-top: 6.9375rem;
}
.u-pt-112 {
  padding-top: 7rem;
}
.u-pt-113 {
  padding-top: 7.0625rem;
}
.u-pt-114 {
  padding-top: 7.125rem;
}
.u-pt-115 {
  padding-top: 7.1875rem;
}
.u-pt-116 {
  padding-top: 7.25rem;
}
.u-pt-117 {
  padding-top: 7.3125rem;
}
.u-pt-118 {
  padding-top: 7.375rem;
}
.u-pt-119 {
  padding-top: 7.4375rem;
}
.u-pt-120 {
  padding-top: 7.5rem;
}
.u-pt-121 {
  padding-top: 7.5625rem;
}
.u-pt-122 {
  padding-top: 7.625rem;
}
.u-pt-123 {
  padding-top: 7.6875rem;
}
.u-pt-124 {
  padding-top: 7.75rem;
}
.u-pt-125 {
  padding-top: 7.8125rem;
}
.u-pt-126 {
  padding-top: 7.875rem;
}
.u-pt-127 {
  padding-top: 7.9375rem;
}
.u-pt-128 {
  padding-top: 8rem;
}
.u-pt-129 {
  padding-top: 8.0625rem;
}
.u-pt-130 {
  padding-top: 8.125rem;
}
.u-pt-131 {
  padding-top: 8.1875rem;
}
.u-pt-132 {
  padding-top: 8.25rem;
}
.u-pt-133 {
  padding-top: 8.3125rem;
}
.u-pt-134 {
  padding-top: 8.375rem;
}
.u-pt-135 {
  padding-top: 8.4375rem;
}
.u-pt-136 {
  padding-top: 8.5rem;
}
.u-pt-137 {
  padding-top: 8.5625rem;
}
.u-pt-138 {
  padding-top: 8.625rem;
}
.u-pt-139 {
  padding-top: 8.6875rem;
}
.u-pt-140 {
  padding-top: 8.75rem;
}
.u-pt-141 {
  padding-top: 8.8125rem;
}
.u-pt-142 {
  padding-top: 8.875rem;
}
.u-pt-143 {
  padding-top: 8.9375rem;
}
.u-pt-144 {
  padding-top: 9rem;
}
.u-pt-145 {
  padding-top: 9.0625rem;
}
.u-pt-146 {
  padding-top: 9.125rem;
}
.u-pt-147 {
  padding-top: 9.1875rem;
}
.u-pt-148 {
  padding-top: 9.25rem;
}
.u-pt-149 {
  padding-top: 9.3125rem;
}
.u-pt-150 {
  padding-top: 9.375rem;
}
.u-pt-151 {
  padding-top: 9.4375rem;
}
.u-pt-152 {
  padding-top: 9.5rem;
}
.u-pt-153 {
  padding-top: 9.5625rem;
}
.u-pt-154 {
  padding-top: 9.625rem;
}
.u-pt-155 {
  padding-top: 9.6875rem;
}
.u-pt-156 {
  padding-top: 9.75rem;
}
.u-pt-157 {
  padding-top: 9.8125rem;
}
.u-pt-158 {
  padding-top: 9.875rem;
}
.u-pt-159 {
  padding-top: 9.9375rem;
}
.u-pt-160 {
  padding-top: 10rem;
}
.u-pt-161 {
  padding-top: 10.0625rem;
}
.u-pt-162 {
  padding-top: 10.125rem;
}
.u-pt-163 {
  padding-top: 10.1875rem;
}
.u-pt-164 {
  padding-top: 10.25rem;
}
.u-pt-165 {
  padding-top: 10.3125rem;
}
.u-pt-166 {
  padding-top: 10.375rem;
}
.u-pt-167 {
  padding-top: 10.4375rem;
}
.u-pt-168 {
  padding-top: 10.5rem;
}
.u-pt-169 {
  padding-top: 10.5625rem;
}
.u-pt-170 {
  padding-top: 10.625rem;
}
.u-pt-171 {
  padding-top: 10.6875rem;
}
.u-pt-172 {
  padding-top: 10.75rem;
}
.u-pt-173 {
  padding-top: 10.8125rem;
}
.u-pt-174 {
  padding-top: 10.875rem;
}
.u-pt-175 {
  padding-top: 10.9375rem;
}
.u-pt-176 {
  padding-top: 11rem;
}
.u-pt-177 {
  padding-top: 11.0625rem;
}
.u-pt-178 {
  padding-top: 11.125rem;
}
.u-pt-179 {
  padding-top: 11.1875rem;
}
.u-pt-180 {
  padding-top: 11.25rem;
}
.u-pt-181 {
  padding-top: 11.3125rem;
}
.u-pt-182 {
  padding-top: 11.375rem;
}
.u-pt-183 {
  padding-top: 11.4375rem;
}
.u-pt-184 {
  padding-top: 11.5rem;
}
.u-pt-185 {
  padding-top: 11.5625rem;
}
.u-pt-186 {
  padding-top: 11.625rem;
}
.u-pt-187 {
  padding-top: 11.6875rem;
}
.u-pt-188 {
  padding-top: 11.75rem;
}
.u-pt-189 {
  padding-top: 11.8125rem;
}
.u-pt-190 {
  padding-top: 11.875rem;
}
.u-pt-191 {
  padding-top: 11.9375rem;
}
.u-pt-192 {
  padding-top: 12rem;
}
.u-pt-193 {
  padding-top: 12.0625rem;
}
.u-pt-194 {
  padding-top: 12.125rem;
}
.u-pt-195 {
  padding-top: 12.1875rem;
}
.u-pt-196 {
  padding-top: 12.25rem;
}
.u-pt-197 {
  padding-top: 12.3125rem;
}
.u-pt-198 {
  padding-top: 12.375rem;
}
.u-pt-199 {
  padding-top: 12.4375rem;
}
.u-pt-200 {
  padding-top: 12.5rem;
}

.u-pbSec {
  padding-bottom: 180px !important;
}
.u-pbMv {
  padding-bottom: 100px !important;
}
.u-pbLine {
  padding-bottom: 50px !important;
}
.u-pbTtl {
  padding-bottom: 32px !important;
}
.u-pbFoot {
  padding-bottom: 180px !important;
}
.u-pb-0 {
  padding-bottom: 0rem;
}
.u-pb-1 {
  padding-bottom: 0.0625rem;
}
.u-pb-2 {
  padding-bottom: 0.125rem;
}
.u-pb-3 {
  padding-bottom: 0.1875rem;
}
.u-pb-4 {
  padding-bottom: 0.25rem;
}
.u-pb-5 {
  padding-bottom: 0.3125rem;
}
.u-pb-6 {
  padding-bottom: 0.375rem;
}
.u-pb-7 {
  padding-bottom: 0.4375rem;
}
.u-pb-8 {
  padding-bottom: 0.5rem;
}
.u-pb-9 {
  padding-bottom: 0.5625rem;
}
.u-pb-10 {
  padding-bottom: 0.625rem;
}
.u-pb-11 {
  padding-bottom: 0.6875rem;
}
.u-pb-12 {
  padding-bottom: 0.75rem;
}
.u-pb-13 {
  padding-bottom: 0.8125rem;
}
.u-pb-14 {
  padding-bottom: 0.875rem;
}
.u-pb-15 {
  padding-bottom: 0.9375rem;
}
.u-pb-16 {
  padding-bottom: 1rem;
}
.u-pb-17 {
  padding-bottom: 1.0625rem;
}
.u-pb-18 {
  padding-bottom: 1.125rem;
}
.u-pb-19 {
  padding-bottom: 1.1875rem;
}
.u-pb-20 {
  padding-bottom: 1.25rem;
}
.u-pb-21 {
  padding-bottom: 1.3125rem;
}
.u-pb-22 {
  padding-bottom: 1.375rem;
}
.u-pb-23 {
  padding-bottom: 1.4375rem;
}
.u-pb-24 {
  padding-bottom: 1.5rem;
}
.u-pb-25 {
  padding-bottom: 1.5625rem;
}
.u-pb-26 {
  padding-bottom: 1.625rem;
}
.u-pb-27 {
  padding-bottom: 1.6875rem;
}
.u-pb-28 {
  padding-bottom: 1.75rem;
}
.u-pb-29 {
  padding-bottom: 1.8125rem;
}
.u-pb-30 {
  padding-bottom: 1.875rem;
}
.u-pb-31 {
  padding-bottom: 1.9375rem;
}
.u-pb-32 {
  padding-bottom: 2rem;
}
.u-pb-33 {
  padding-bottom: 2.0625rem;
}
.u-pb-34 {
  padding-bottom: 2.125rem;
}
.u-pb-35 {
  padding-bottom: 2.1875rem;
}
.u-pb-36 {
  padding-bottom: 2.25rem;
}
.u-pb-37 {
  padding-bottom: 2.3125rem;
}
.u-pb-38 {
  padding-bottom: 2.375rem;
}
.u-pb-39 {
  padding-bottom: 2.4375rem;
}
.u-pb-40 {
  padding-bottom: 2.5rem;
}
.u-pb-41 {
  padding-bottom: 2.5625rem;
}
.u-pb-42 {
  padding-bottom: 2.625rem;
}
.u-pb-43 {
  padding-bottom: 2.6875rem;
}
.u-pb-44 {
  padding-bottom: 2.75rem;
}
.u-pb-45 {
  padding-bottom: 2.8125rem;
}
.u-pb-46 {
  padding-bottom: 2.875rem;
}
.u-pb-47 {
  padding-bottom: 2.9375rem;
}
.u-pb-48 {
  padding-bottom: 3rem;
}
.u-pb-49 {
  padding-bottom: 3.0625rem;
}
.u-pb-50 {
  padding-bottom: 3.125rem;
}
.u-pb-51 {
  padding-bottom: 3.1875rem;
}
.u-pb-52 {
  padding-bottom: 3.25rem;
}
.u-pb-53 {
  padding-bottom: 3.3125rem;
}
.u-pb-54 {
  padding-bottom: 3.375rem;
}
.u-pb-55 {
  padding-bottom: 3.4375rem;
}
.u-pb-56 {
  padding-bottom: 3.5rem;
}
.u-pb-57 {
  padding-bottom: 3.5625rem;
}
.u-pb-58 {
  padding-bottom: 3.625rem;
}
.u-pb-59 {
  padding-bottom: 3.6875rem;
}
.u-pb-60 {
  padding-bottom: 3.75rem;
}
.u-pb-61 {
  padding-bottom: 3.8125rem;
}
.u-pb-62 {
  padding-bottom: 3.875rem;
}
.u-pb-63 {
  padding-bottom: 3.9375rem;
}
.u-pb-64 {
  padding-bottom: 4rem;
}
.u-pb-65 {
  padding-bottom: 4.0625rem;
}
.u-pb-66 {
  padding-bottom: 4.125rem;
}
.u-pb-67 {
  padding-bottom: 4.1875rem;
}
.u-pb-68 {
  padding-bottom: 4.25rem;
}
.u-pb-69 {
  padding-bottom: 4.3125rem;
}
.u-pb-70 {
  padding-bottom: 4.375rem;
}
.u-pb-71 {
  padding-bottom: 4.4375rem;
}
.u-pb-72 {
  padding-bottom: 4.5rem;
}
.u-pb-73 {
  padding-bottom: 4.5625rem;
}
.u-pb-74 {
  padding-bottom: 4.625rem;
}
.u-pb-75 {
  padding-bottom: 4.6875rem;
}
.u-pb-76 {
  padding-bottom: 4.75rem;
}
.u-pb-77 {
  padding-bottom: 4.8125rem;
}
.u-pb-78 {
  padding-bottom: 4.875rem;
}
.u-pb-79 {
  padding-bottom: 4.9375rem;
}
.u-pb-80 {
  padding-bottom: 5rem;
}
.u-pb-81 {
  padding-bottom: 5.0625rem;
}
.u-pb-82 {
  padding-bottom: 5.125rem;
}
.u-pb-83 {
  padding-bottom: 5.1875rem;
}
.u-pb-84 {
  padding-bottom: 5.25rem;
}
.u-pb-85 {
  padding-bottom: 5.3125rem;
}
.u-pb-86 {
  padding-bottom: 5.375rem;
}
.u-pb-87 {
  padding-bottom: 5.4375rem;
}
.u-pb-88 {
  padding-bottom: 5.5rem;
}
.u-pb-89 {
  padding-bottom: 5.5625rem;
}
.u-pb-90 {
  padding-bottom: 5.625rem;
}
.u-pb-91 {
  padding-bottom: 5.6875rem;
}
.u-pb-92 {
  padding-bottom: 5.75rem;
}
.u-pb-93 {
  padding-bottom: 5.8125rem;
}
.u-pb-94 {
  padding-bottom: 5.875rem;
}
.u-pb-95 {
  padding-bottom: 5.9375rem;
}
.u-pb-96 {
  padding-bottom: 6rem;
}
.u-pb-97 {
  padding-bottom: 6.0625rem;
}
.u-pb-98 {
  padding-bottom: 6.125rem;
}
.u-pb-99 {
  padding-bottom: 6.1875rem;
}
.u-pb-100 {
  padding-bottom: 6.25rem;
}
.u-pb-101 {
  padding-bottom: 6.3125rem;
}
.u-pb-102 {
  padding-bottom: 6.375rem;
}
.u-pb-103 {
  padding-bottom: 6.4375rem;
}
.u-pb-104 {
  padding-bottom: 6.5rem;
}
.u-pb-105 {
  padding-bottom: 6.5625rem;
}
.u-pb-106 {
  padding-bottom: 6.625rem;
}
.u-pb-107 {
  padding-bottom: 6.6875rem;
}
.u-pb-108 {
  padding-bottom: 6.75rem;
}
.u-pb-109 {
  padding-bottom: 6.8125rem;
}
.u-pb-110 {
  padding-bottom: 6.875rem;
}
.u-pb-111 {
  padding-bottom: 6.9375rem;
}
.u-pb-112 {
  padding-bottom: 7rem;
}
.u-pb-113 {
  padding-bottom: 7.0625rem;
}
.u-pb-114 {
  padding-bottom: 7.125rem;
}
.u-pb-115 {
  padding-bottom: 7.1875rem;
}
.u-pb-116 {
  padding-bottom: 7.25rem;
}
.u-pb-117 {
  padding-bottom: 7.3125rem;
}
.u-pb-118 {
  padding-bottom: 7.375rem;
}
.u-pb-119 {
  padding-bottom: 7.4375rem;
}
.u-pb-120 {
  padding-bottom: 7.5rem;
}
.u-pb-121 {
  padding-bottom: 7.5625rem;
}
.u-pb-122 {
  padding-bottom: 7.625rem;
}
.u-pb-123 {
  padding-bottom: 7.6875rem;
}
.u-pb-124 {
  padding-bottom: 7.75rem;
}
.u-pb-125 {
  padding-bottom: 7.8125rem;
}
.u-pb-126 {
  padding-bottom: 7.875rem;
}
.u-pb-127 {
  padding-bottom: 7.9375rem;
}
.u-pb-128 {
  padding-bottom: 8rem;
}
.u-pb-129 {
  padding-bottom: 8.0625rem;
}
.u-pb-130 {
  padding-bottom: 8.125rem;
}
.u-pb-131 {
  padding-bottom: 8.1875rem;
}
.u-pb-132 {
  padding-bottom: 8.25rem;
}
.u-pb-133 {
  padding-bottom: 8.3125rem;
}
.u-pb-134 {
  padding-bottom: 8.375rem;
}
.u-pb-135 {
  padding-bottom: 8.4375rem;
}
.u-pb-136 {
  padding-bottom: 8.5rem;
}
.u-pb-137 {
  padding-bottom: 8.5625rem;
}
.u-pb-138 {
  padding-bottom: 8.625rem;
}
.u-pb-139 {
  padding-bottom: 8.6875rem;
}
.u-pb-140 {
  padding-bottom: 8.75rem;
}
.u-pb-141 {
  padding-bottom: 8.8125rem;
}
.u-pb-142 {
  padding-bottom: 8.875rem;
}
.u-pb-143 {
  padding-bottom: 8.9375rem;
}
.u-pb-144 {
  padding-bottom: 9rem;
}
.u-pb-145 {
  padding-bottom: 9.0625rem;
}
.u-pb-146 {
  padding-bottom: 9.125rem;
}
.u-pb-147 {
  padding-bottom: 9.1875rem;
}
.u-pb-148 {
  padding-bottom: 9.25rem;
}
.u-pb-149 {
  padding-bottom: 9.3125rem;
}
.u-pb-150 {
  padding-bottom: 9.375rem;
}
.u-pb-151 {
  padding-bottom: 9.4375rem;
}
.u-pb-152 {
  padding-bottom: 9.5rem;
}
.u-pb-153 {
  padding-bottom: 9.5625rem;
}
.u-pb-154 {
  padding-bottom: 9.625rem;
}
.u-pb-155 {
  padding-bottom: 9.6875rem;
}
.u-pb-156 {
  padding-bottom: 9.75rem;
}
.u-pb-157 {
  padding-bottom: 9.8125rem;
}
.u-pb-158 {
  padding-bottom: 9.875rem;
}
.u-pb-159 {
  padding-bottom: 9.9375rem;
}
.u-pb-160 {
  padding-bottom: 10rem;
}
.u-pb-161 {
  padding-bottom: 10.0625rem;
}
.u-pb-162 {
  padding-bottom: 10.125rem;
}
.u-pb-163 {
  padding-bottom: 10.1875rem;
}
.u-pb-164 {
  padding-bottom: 10.25rem;
}
.u-pb-165 {
  padding-bottom: 10.3125rem;
}
.u-pb-166 {
  padding-bottom: 10.375rem;
}
.u-pb-167 {
  padding-bottom: 10.4375rem;
}
.u-pb-168 {
  padding-bottom: 10.5rem;
}
.u-pb-169 {
  padding-bottom: 10.5625rem;
}
.u-pb-170 {
  padding-bottom: 10.625rem;
}
.u-pb-171 {
  padding-bottom: 10.6875rem;
}
.u-pb-172 {
  padding-bottom: 10.75rem;
}
.u-pb-173 {
  padding-bottom: 10.8125rem;
}
.u-pb-174 {
  padding-bottom: 10.875rem;
}
.u-pb-175 {
  padding-bottom: 10.9375rem;
}
.u-pb-176 {
  padding-bottom: 11rem;
}
.u-pb-177 {
  padding-bottom: 11.0625rem;
}
.u-pb-178 {
  padding-bottom: 11.125rem;
}
.u-pb-179 {
  padding-bottom: 11.1875rem;
}
.u-pb-180 {
  padding-bottom: 11.25rem;
}
.u-pb-181 {
  padding-bottom: 11.3125rem;
}
.u-pb-182 {
  padding-bottom: 11.375rem;
}
.u-pb-183 {
  padding-bottom: 11.4375rem;
}
.u-pb-184 {
  padding-bottom: 11.5rem;
}
.u-pb-185 {
  padding-bottom: 11.5625rem;
}
.u-pb-186 {
  padding-bottom: 11.625rem;
}
.u-pb-187 {
  padding-bottom: 11.6875rem;
}
.u-pb-188 {
  padding-bottom: 11.75rem;
}
.u-pb-189 {
  padding-bottom: 11.8125rem;
}
.u-pb-190 {
  padding-bottom: 11.875rem;
}
.u-pb-191 {
  padding-bottom: 11.9375rem;
}
.u-pb-192 {
  padding-bottom: 12rem;
}
.u-pb-193 {
  padding-bottom: 12.0625rem;
}
.u-pb-194 {
  padding-bottom: 12.125rem;
}
.u-pb-195 {
  padding-bottom: 12.1875rem;
}
.u-pb-196 {
  padding-bottom: 12.25rem;
}
.u-pb-197 {
  padding-bottom: 12.3125rem;
}
.u-pb-198 {
  padding-bottom: 12.375rem;
}
.u-pb-199 {
  padding-bottom: 12.4375rem;
}
.u-pb-200 {
  padding-bottom: 12.5rem;
}

.u-txtBlue {
  color: var(--c-text-sub) !important;
}

.u-txtWh {
  color: var(--c-wh) !important;
}

@media screen and (min-width :1101px) {
  .--pc {
    display: block !important;
  }
}
@media screen and (max-width: 1100px) {
  .--pc {
    display: none !important;
  }
}

@media screen and (max-width: 1100px) {
  .--sp {
    display: block !important;
  }
}
@media screen and (min-width :1101px) {
  .--sp {
    display: none !important;
  }
}
/*# sourceMappingURL=main.css.map */