@charset "UTF-8";
/* ================================================
  Layout
================================================ */
/* Body
---------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  width: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 18px;
  line-height: 1.5em;
  font-family: "Yu Gothic", sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: hidden; }
  body.no-scroll {
    overflow: hidden;
    height: 100vh; }
  @media screen and (max-width: 768px) {
    body {
      font-size: 14px; } }

html {
  overflow-x: hidden; }

/* Base
---------------------------------------*/
.wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }

.wrap02 {
  width: 730px;
  margin: 0 auto;
  max-width: 95%; }

small {
  font-size: 0.8rem; }

.is-visible {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 1.0s ease-out forwards; }
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* Header
---------------------------------------*/
.sp,
.sp1 {
  display: none !important; }

.ovfH {
  overflow: hidden; }

.hover {
  display: none;
  position: absolute; }

.flex {
  display: flex; }

.grid {
  display: grid; }

.gtc2 {
  grid-template-columns: repeat(2, 1fr); }

.gtc3 {
  grid-template-columns: repeat(3, 1fr); }

.gtc4 {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 30px 5px; }

.gtc5 {
  grid-template-columns: repeat(5, 1fr); }

.gtcMM200 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.fdC {
  flex-direction: column; }

.flexNW {
  display: flex; }

.flex.Jsb {
  justify-content: space-between; }

.flexNW.Jsb {
  justify-content: space-between; }

.flex.Jcn {
  justify-content: center; }

.flex.Jsa {
  justify-content: space-around; }

.flex.Jfe {
  justify-content: flex-end; }

.alIfs {
  align-items: flex-start; }

.alIfe {
  align-items: flex-end; }

.alIcn {
  align-items: center; }

.alIbl {
  align-items: baseline; }

.alCfe {
  align-content: flex-end;
  margin-top: auto; }

.alignL {
  text-align: left; }

.alignC {
  text-align: center; }

.alignR {
  text-align: right; }

.mt0 {
  margin-top: 0px; }

.mt10,
.umt10 > * {
  margin-top: 10px; }

.mt20,
.umt20 > * {
  margin-top: 20px; }

.mt30,
.umt30 > * {
  margin-top: 30px; }

.mt40,
.umt40 > * {
  margin-top: 40px; }

.mt50,
.umt50 > * {
  margin-top: 50px; }

.mt60 {
  margin-top: 60px; }

.mt70 {
  margin-top: 70px; }

.mt80 {
  margin-top: 80px; }

.mt90 {
  margin-top: 90px; }

.mt100 {
  margin-top: 100px; }

.mt110 {
  margin-top: 110px; }

.mt120 {
  margin-top: 120px; }

.mt150 {
  margin-top: 150px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb60 {
  margin-bottom: 60px; }

.mb70 {
  margin-bottom: 70px; }

.mb80 {
  margin-bottom: 80px; }

.mb90 {
  margin-bottom: 90px; }

.mb100 {
  margin-bottom: 100px; }

.mb110 {
  margin-bottom: 110px; }

.mb120 {
  margin-bottom: 120px; }

.mb150 {
  margin-bottom: 150px; }

.mr1p,
.umr1p > * {
  margin-right: 1%; }

.mr10,
.umr10 > * {
  margin-right: 10px; }

.mr20,
.umr20 > * {
  margin-right: 20px; }

.mr30,
.umr30 > * {
  margin-right: 30px; }

.mr40,
.umr40 > * {
  margin-right: 40px; }

.mr50,
.umr50 > * {
  margin-right: 50px; }

.mlAt {
  margin-left: auto; }

.gp10 {
  gap: 10px; }

.gp20 {
  gap: 20px; }

.gp30 {
  gap: 30px; }

.gp30 {
  gap: 30px; }

.gp40 {
  gap: 40px; }

.gp50 {
  gap: 50px; }

.gp60 {
  gap: 60px; }

.gpR10 {
  row-gap: 10px; }

.gpR20 {
  row-gap: 20px; }

.gpR30 {
  row-gap: 30px; }

.gpR40 {
  row-gap: 40px; }

.gpR50 {
  row-gap: 50px; }

.lh1 {
  line-height: 2.5; }

.fCl01 {
  color: #13B7C2; }

iframe {
  width: 100%; }

.fontL {
  font-size: 1.8em;
  font-weight: bold;
  line-height: normal; }

.flex.fwrap {
  flex-wrap: wrap; }

.Jsb.uw33.fwrap::after {
  content: "";
  display: block;
  width: 32%; }

.Jsb.uw25.fwrap::before {
  content: "";
  width: 23%;
  order: 1; }

.Jsb.uw25.fwrap::after {
  content: "";
  width: 23%; }

.w30,
.uw30 > * {
  width: 29%; }

.w33,
.uw33 > * {
  width: 32%; }

.w50,
.uw50 > * {
  width: 49%; }

.w20,
.uw20 > * {
  width: 19%; }

.w25,
.uw25 > * {
  width: 23%; }

.w40,
.uw40 > * {
  width: 39%; }

.w60,
.uw60 > * {
  width: 59%; }

.w70,
.uw70 > * {
  width: 69%; }

.w75,
.uw75 > * {
  width: 75%; }

.w100 {
  width: 100%; }

.wh130 {
  width: 230px;
  max-width: 100%;
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: auto; }

.lead {
  font-size: 1.1em;
  line-height: 1.8;
  font-weight: bold; }

.red {
  color: #CE0000; }

.orange {
  color: #E86D21; }

.icored {
  background: #AD0C0C;
  color: #FFF;
  display: inline-block;
  font-size: 0.75em;
  margin-right: 30px;
  padding: 5px 10px; }

.icoblue {
  background: #1F4893;
  color: #FFF;
  display: inline-block;
  font-size: 0.75em;
  margin-right: 30px;
  padding: 5px 10px; }

main {
  text-align: left; }

img {
  max-width: 100%;
  height: auto; }

img.imgWaH100,
.imgWaH100 img {
  max-width: inherit;
  width: auto;
  height: 100%; }

ul {
  list-style: none; }

main ul {
  list-style: disc;
  padding-left: 4em; }

main ol {
  counter-reset: item;
  list-style-type: decimal;
  padding-left: 4em;
  padding-left: 20px;
  margin-left: 0;
  margin: 0; }

a:hover {
  transition: 0.3s;
  text-decoration: underline; }

.tableScroll {
  width: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .tableScroll::-webkit-scrollbar {
    display: none; }
  @media (max-width: 768px) {
    .tableScroll table {
      width: 100%;
      min-width: 500px; } }

table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 0px !important;
  box-sizing: border-box;
  	/* .scrollBox table {
  	border-top: 0;
  } */ }
  table.tableScroll {
    height: 440px;
    overflow-y: scroll;
    border-bottom: solid 1px #989898; }
  table tr {
    width: 100%; }
  table .stickyWrap {
    border-top: 1px solid #989898;
    max-height: 424px;
    overflow-y: scroll; }
  table th {
    color: #191d6a;
    padding: 10px;
    border-bottom: solid 1px #191d6a; }
  table td {
    padding: 10px;
    border-bottom: solid 1px #191d6a; }
    table td a {
      text-decoration: underline; }
      table td a:hover {
        text-decoration: none;
        opacity: 1; }

.btn01 {
  width: 235px;
  height: 60px;
  background-color: #449cc9;
  border-radius: 30px;
  border: none;
  font-family: 'Zen Kaku Gothic New', Helvetica;
  font-weight: bold;
  color: white;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding: 10px 0;
  position: relative; }
  .btn01::after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
    position: absolute;
    right: 15px; }
  @media screen and (max-width: 1000px) {
    .btn01 {
      margin: auto; } }

.btn01:hover {
  background-color: #3a8bb0;
  opacity: 1;
  text-decoration: none; }

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  max-height: 100px; }
  header .wrap {
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px;
    position: relative; }
  header .hLogo {
    padding: 20px 0; }
    header .hLogo img {
      max-width: 100%;
      width: 150px;
      height: auto; }
    @media (max-width: 1000px) {
      header .hLogo {
        max-width: 500px;
        width: calc(100vw - 100px); } }
  header nav {
    display: flex;
    align-items: center;
    position: relative; }
    header nav ul {
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center; }
      @media (max-width: 1000px) {
        header nav ul {
          flex-direction: column;
          display: none;
          gap: 30px;
          padding: 60px 0 40px;
          animation: slideDown 0.4s ease-out; } }
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
      header nav ul li {
        border-left: solid 2px #ddd;
        padding: 0 20px;
        line-height: normal; }
        @media (max-width: 1000px) {
          header nav ul li {
            border-left: none;
            border-bottom: 1px solid #f0f0f0;
            padding: 15px 0;
            width: 100%;
            text-align: center; }
            header nav ul li:last-child {
              border-bottom: none; } }
        header nav ul li:first-child {
          border-left: none; }
        header nav ul li a {
          line-height: 0;
          text-decoration: none;
          color: #333;
          font-weight: 500;
          font-size: 15px;
          transition: color 0.3s ease; }
          @media (max-width: 1000px) {
            header nav ul li a {
              font-size: 18px;
              font-weight: 600;
              padding: 10px 20px;
              display: block;
              border-radius: 8px;
              transition: all 0.3s ease; } }
          header nav ul li a:hover {
            color: #449DC9; }
            @media (max-width: 1000px) {
              header nav ul li a:hover {
                background: #f8f9fa;
                color: #449DC9; } }
    header nav .headerBtns {
      display: flex;
      gap: 0 1px;
      align-items: center; }
      @media (max-width: 1000px) {
        header nav .headerBtns {
          flex-direction: column;
          gap: 15px;
          padding: 20px 0;
          display: none; } }
      header nav .headerBtns .btnContact {
        background: #449DC9;
        color: #FFF;
        padding: 10px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        gap: 5px;
        height: 100px;
        box-sizing: border-box;
        width: 100px;
        transition: background 0.3s ease; }
        @media (max-width: 1000px) {
          header nav .headerBtns .btnContact {
            width: 200px;
            height: 60px;
            flex-direction: row;
            gap: 10px;
            border-radius: 30px;
            font-size: 15px;
            font-weight: 600; } }
        header nav .headerBtns .btnContact:before {
          content: '';
          background: url("../img/ico_ctn.svg") no-repeat center;
          width: 30px;
          height: 30px;
          display: block;
          background-size: 100%; }
          @media (max-width: 1000px) {
            header nav .headerBtns .btnContact:before {
              width: 24px;
              height: 24px; } }
        header nav .headerBtns .btnContact:hover {
          background: #357ABD;
          text-decoration: none; }
      header nav .headerBtns .btnDownload {
        background: #449DC9;
        color: #FFF;
        padding: 10px 20px;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        gap: 5px;
        height: 100px;
        box-sizing: border-box;
        width: 100px;
        transition: background 0.3s ease; }
        @media (max-width: 1000px) {
          header nav .headerBtns .btnDownload {
            width: 200px;
            height: 60px;
            flex-direction: row;
            gap: 10px;
            border-radius: 30px;
            font-size: 15px;
            font-weight: 600; } }
        header nav .headerBtns .btnDownload:before {
          content: '';
          background: url("../img/ico_shiryo.svg") no-repeat center;
          width: 30px;
          height: 30px;
          display: block;
          background-size: 100%; }
          @media (max-width: 1000px) {
            header nav .headerBtns .btnDownload:before {
              width: 24px;
              height: 24px; } }
        header nav .headerBtns .btnDownload:hover {
          background: #357ABD;
          text-decoration: none; }
      header nav .headerBtns .btnFacebook {
        padding-left: 20px;
        padding-right: 80px; }
  header .pulldown {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    background: #F5FDFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 50px 50px;
    padding: 80px 0;
    width: 100%;
    z-index: 1000;
    animation: pulldownSlide 0.3s ease-out; }
@keyframes pulldownSlide {
  from {
    opacity: 0;
    transform: translateY(-500px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
    header .pulldown.active {
      display: block; }
    header .pulldown .mtAuto {
      margin-top: auto;
      margin-top: 90px; }
      @media (max-width: 1000px) {
        header .pulldown .mtAuto {
          margin-top: 30px; } }
    @media (max-width: 1000px) {
      header .pulldown {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        border-radius: 0;
        min-width: auto;
        display: none;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        overflow-y: auto;
        padding: 40px 15px 30px; }
        header .pulldown.active {
          display: flex; }
        header .pulldown > .flex {
          flex-direction: column;
          margin-bottom: 40px; } }
    @media (max-width: 480px) {
      header .pulldown {
        padding: 70px 10px 20px; } }
    header .pulldown .grid {
      padding-left: 100px;
      border-left: solid 1px #449DC9;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: start;
      gap: 40px;
      height: 100%; }
      @media (max-width: 1000px) {
        header .pulldown .grid {
          grid-template-columns: 1fr;
          max-width: 100%;
          width: 100%;
          padding-left: 0;
          border-left: none;
          gap: 20px;
          height: auto;
          margin-top: 40px; } }
      @media (max-width: 480px) {
        header .pulldown .grid {
          gap: 15px; } }
    header .pulldown .followus {
      display: flex;
      align-items: center;
      gap: 50px; }
      header .pulldown .followus a {
        color: #449DC9;
        font-size: 0.7em; }
      @media (max-width: 1000px) {
        header .pulldown .followus {
          justify-content: center; } }
    header .pulldown ul {
      margin: 0;
      padding: 0; }
      @media (max-width: 1000px) {
        header .pulldown ul {
          width: 100%;
          margin-bottom: 10px; } }
      @media (max-width: 480px) {
        header .pulldown ul {
          margin-bottom: 10px; } }
      header .pulldown ul li {
        width: 100%;
        border-bottom: 0;
        margin-top: 20px; }
        @media (max-width: 1000px) {
          header .pulldown ul li {
            margin-top: 12px; } }
        @media (max-width: 480px) {
          header .pulldown ul li {
            margin-top: 8px; } }
        header .pulldown ul li:first-child {
          margin-top: 0; }
        header .pulldown ul li:last-child {
          border-bottom: none; }
        header .pulldown ul li.small a {
          font-size: 0.889em;
          font-weight: 500; }
          @media (max-width: 1000px) {
            header .pulldown ul li.small a {
              font-size: 0.85em; } }
          @media (max-width: 480px) {
            header .pulldown ul li.small a {
              font-size: 0.8em; } }
        header .pulldown ul li > a {
          font-size: 1.556em;
          font-weight: 500;
          border-radius: 6px;
          transition: all 0.3s ease;
          text-decoration: none;
          color: #449DC9;
          display: block;
          padding-bottom: 20px; }
          @media (max-width: 1000px) {
            header .pulldown ul li > a {
              font-size: 0.9em;
              font-weight: 600;
              text-align: center;
              padding-bottom: 0px; } }
          @media (max-width: 480px) {
            header .pulldown ul li > a {
              font-size: 0.85em; } }
          header .pulldown ul li > a:hover {
            background: #E8F8FB;
            color: #449DC9; }
        header .pulldown ul li ul {
          margin-top: 10px; }
          @media (max-width: 1000px) {
            header .pulldown ul li ul {
              margin-top: 8px; } }
          @media (max-width: 480px) {
            header .pulldown ul li ul {
              margin-top: 6px; } }
          header .pulldown ul li ul li {
            margin-top: 8px; }
            @media (max-width: 1000px) {
              header .pulldown ul li ul li {
                margin-top: 5px; } }
            @media (max-width: 480px) {
              header .pulldown ul li ul li {
                margin-top: 4px; } }
            header .pulldown ul li ul li a {
              font-size: 0.889em;
              color: #231815;
              padding-bottom: 0px; }
              @media (max-width: 1000px) {
                header .pulldown ul li ul li a {
                  font-size: 0.7em; } }
              @media (max-width: 480px) {
                header .pulldown ul li ul li a {
                  font-size: 0.5em; } }
  header .hamburger {
    display: flex;
    align-items: left;
    justify-content: left;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 9999;
    width: 46px;
    height: 30px;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s ease; }
    header .hamburger span {
      display: block;
      position: absolute;
      width: 100%;
      height: 1px;
      background: #333;
      transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      border-radius: 1px; }
      header .hamburger span:nth-child(1) {
        top: 0px;
        transform-origin: center; }
      header .hamburger span:nth-child(2) {
        top: 15px;
        transform-origin: center;
        width: 34px; }
      header .hamburger span:nth-child(3) {
        top: 30px;
        transform-origin: center;
        width: 24px; }
    header .hamburger.active {
      position: fixed; }
      header .hamburger.active span {
        background: #333; }
        header .hamburger.active span:nth-child(1) {
          top: 24px;
          transform: rotate(45deg); }
        header .hamburger.active span:nth-child(2) {
          opacity: 0;
          transform: scale(0); }
        header .hamburger.active span:nth-child(3) {
          top: 24px;
          transform: rotate(-45deg);
          width: 100%; }

/* Footer
---------------------------------------*/
footer {
  background: #449DC9;
  color: #FFF;
  padding: 60px 0 40px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  position: relative; }
  footer .wrap {
    position: relative; }
  @media (max-width: 768px) {
    footer {
      padding: 40px 0 30px; } }
  footer h2 {
    font-family: 'Yu Gothic', Helvetica;
    font-weight: bold;
    color: white;
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      footer h2 {
        font-size: 1.5em;
        margin-bottom: 30px; } }
  footer .btn02 {
    font-weight: bold;
    color: #231815;
    font-size: 1em;
    width: 400px;
    height: 70px;
    background: url("../img/fIco.svg") no-repeat left 40px center #FFF;
    border-radius: 35px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 40px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    padding: 0 50px;
    box-sizing: border-box; }
    @media (max-width: 768px) {
      footer .btn02 {
        width: 90%;
        max-width: 350px;
        height: 60px;
        font-size: 0.9em;
        background-position: left 30px center;
        padding: 0 40px;
        margin-bottom: 30px; } }
    footer .btn02:hover {
      background: url("../img/fIco_hover.svg") no-repeat left 40px center #F0F0F0;
      text-decoration: none;
      opacity: 1; }
    footer .btn02::before {
      content: "→";
      width: 30px;
      height: 30px;
      background: #449cc9;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFF;
      font-size: 0.8em;
      flex-shrink: 0;
      font-weight: bold;
      position: absolute;
      right: 40px;
      top: 0;
      bottom: 0;
      margin: auto; }
      @media (max-width: 768px) {
        footer .btn02::before {
          width: 25px;
          height: 25px;
          right: 30px; } }
  footer .phone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 40px auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px; }
    @media (max-width: 768px) {
      footer .phone {
        margin: 30px auto; } }
    footer .phone .phoneContent {
      text-align: left;
      display: flex;
      align-items: center; }
      @media (max-width: 768px) {
        footer .phone .phoneContent {
          flex-direction: column;
          align-items: center;
          text-align: center;
          gap: 10px; } }
      footer .phone .phoneContent .tel {
        font-size: 2.22em;
        font-family: 'Yu Gothic', Helvetica, sans-serif;
        font-weight: 700;
        display: flex;
        align-items: center;
        line-height: normal;
        gap: 10px; }
        @media (max-width: 768px) {
          footer .phone .phoneContent .tel {
            font-size: 1.8em; } }
      footer .phone .phoneContent .fHours {
        margin-left: 16px;
        padding: 4px 8px;
        border-radius: 5px;
        border: 0.7px solid white;
        font-size: 0.8em; }
        @media (max-width: 768px) {
          footer .phone .phoneContent .fHours {
            margin-left: 0; } }
  footer .bottom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    border-top: solid 1px #FFF;
    padding-top: 40px;
    position: relative; }
    @media (max-width: 768px) {
      footer .bottom {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30px;
        padding-top: 30px; } }
    footer .bottom .company {
      text-align: left; }
    footer .bottom .info {
      font-weight: bold;
      color: #FFF;
      font-size: 0.72em;
      line-height: 24px; }
      @media (max-width: 768px) {
        footer .bottom .info {
          text-align: center;
          order: 3; } }
    footer .bottom .links {
      display: flex;
      flex-direction: column;
      text-align: left;
      justify-content: flex-start;
      align-content: flex-start;
      gap: 15px; }
      @media (max-width: 768px) {
        footer .bottom .links {
          text-align: center;
          order: 1; } }
      footer .bottom .links a {
        font-weight: 500;
        color: white;
        font-size: 0.83em;
        line-height: 26px;
        display: flex;
        align-items: center;
        cursor: pointer;
        transition: color 0.3s ease; }
        @media (max-width: 768px) {
          footer .bottom .links a {
            justify-content: center; } }
        footer .bottom .links a::before {
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          border-left: 5px solid #FFF;
          border-top: 3px solid transparent;
          border-bottom: 3px solid transparent;
          margin-right: 8px; }
    footer .bottom .sns {
      display: flex;
      gap: 10px;
      flex-direction: column;
      text-align: left;
      font-weight: bold;
      font-size: 15px; }
      @media (max-width: 768px) {
        footer .bottom .sns {
          text-align: center;
          order: 2; } }
      footer .bottom .sns .icons {
        display: flex;
        gap: 20px; }
        @media (max-width: 768px) {
          footer .bottom .sns .icons {
            justify-content: center; } }
  footer .copy {
    font-weight: 500;
    color: white;
    font-size: 11px;
    text-align: center; }

.pageTop {
  position: absolute;
  top: -120px;
  right: 0px;
  width: 58px;
  height: 90px;
  background: url(../img/Pagetop.svg) no-repeat center #449DC9;
  padding: 50px 40px;
  border-radius: 50px;
  color: #FFF;
  cursor: pointer;
  z-index: 10; }
  .pageTop.fix {
    position: fixed;
    top: auto;
    bottom: 30px;
    right: 30px;
    opacity: 0;
    animation: fadeIn 0.3s ease-in forwards; }
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
  .pageTop:hover {
    background-color: #357ABD; }
  .pageTop i {
    font-size: 24px; }

@media (max-width: 768px) {
  .nav ul {
    display: none; } }
section {
  width: 100%;
  overflow: hidden; }