@charset "UTF-8";
/*JENERAL STYLE
==================================================*/
html {
  font-size: 62.5%;
}

body {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-size: 1.6rem;
  color: #092237;
  line-height: 1.7;
  overflow-x: hidden;
}

img {
  width: 100%;
  object-fit: cover;
}

video {
  width: 100%;
}

/*COMMON
==================================================*/
section {
  padding: 80px 0 100px;
}

.wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
}

/*トップページ見出し*/
.page-title {
  display: block;
  width: 100%;
  margin-bottom: 65px;
  font-size: 7.5rem;
  font-family: condor;
  font-weight: 500;
}
.page-title .jp {
  display: block;
  font-size: 1.8rem;
}
.page-title .jp::before {
  content: '';
  display: inline-block;
  width: 55px;
  height: 1px;
  margin-right: 20px;
  margin-bottom: 6px;
  background-color: #092237;
}

.title-top {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 3rem;
  font-weight: 700;
}

/*下層ページ背景画像*/
.bg-small {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: no-repeat center bottom / cover;
  width: 100%;
  height: 50vh;
}
.bg-small.company {
  background-image: url("../images/buildings-g53a81a93d_1280.jpg");
}
.bg-small.business {
  background-image: url("../images/woman-g12609fdb2_1280.jpg");
  background-position: center top;
}
.bg-small.peaple {
  background-image: url("../images/chris-liverani-9cd8qOgeNIY-unsplash-min.jpg");
  background-position: center center;
}
.bg-small.recruit {
  background-image: url("../images/alex-lvrs-Md6_qA-BMis-unsplash.jpg");
}

/*下層ページ見出し*/
.bg-small .page-title {
  display: inline-block;
  max-width: 1000px;
  margin-bottom: 0;
  padding: 0 30px;
  text-align: left;
  box-sizing: border-box;
}

.sub-title {
  position: relative;
  padding-left: 60px;
  font-size: 4rem;
  font-weight: 500;
  background-color: #fff;
}
.sub-title::before {
  position: absolute;
  top: 5px;
  left: 0;
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  border: 3px solid #1F1E63;
}
.sub-title::after {
  position: absolute;
  top: 17px;
  left: 10px;
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  border: 3px solid #3C7D9B;
}

.sub-title-wrapper {
  background-image: linear-gradient(to right, #1F1E63 0%, #fff 100%);
  width: 50%;
  margin-bottom: 50px;
  padding-bottom: 7px;
}

/*ボタン*/
.btn {
  position: relative;
  display: block;
  width: 200px;
  line-height: 39px;
  margin: 50px 0 0 auto;
  padding-bottom: 5px;
  border: 3px solid #1F1E63;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  transition: .8s;
  z-index: 1;
  background-color: #fff;
}
.btn p {
  z-index: 5;
}
.btn::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 10px;
  height: calc(100% + 6px);
  background-color: #1F1E63;
  z-index: -1;
  transition: .8s;
}
.btn:hover {
  color: #fff;
}
.btn:hover::before {
  width: calc(100% + 6px);
}

/*テーブル*/
.table-wrapper {
  position: relative;
  width: 75%;
  background-color: #E2EFF5;
  padding: 135px 75px;
  margin-bottom: 250px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.table-wrapper::after {
  content: '';
  position: absolute;
  top: 90px;
  left: -60px;
  width: 100%;
  height: 100%;
  background-color: #3C7D9B;
  z-index: -1;
}

.sp-br {
  display: none;
}

@media (max-width: 768px) {
  .wrapper {
    padding: 0 4%;
  }

  .page-title {
    font-size: 5rem;
  }
  .page-title .jp {
    font-size: 1.6rem;
  }

  .title-top {
    font-size: 2.4rem;
  }

  .btn {
    background-color: #1F1E63;
    color: #fff;
  }

  .sub-title {
    font-size: 3rem;
  }

  .sub-title-wrapper {
    width: 100%;
  }

  .table-wrapper {
    width: 100%;
    padding: 60px 15px;
  }
  .table-wrapper::after {
    left: -15px;
  }

  .sp-br {
    display: block;
  }
}
/*HEADER
==================================================*/
.header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 100;
}
.header .logo {
  margin: 30px;
}
.header .logo a {
  display: block;
  width: 230px;
}
.header .logo a svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  fill: #092237;
  background-color: transparent;
}
.header .header-nav {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100vh;
  padding: 80px 120px;
  background-color: #092237;
  color: #fff;
  z-index: 150;
  transition: .5s;
  display: none;
}

.header .nav-item {
  margin-bottom: 40px;
}
.header .nav-item p {
  margin-bottom: 15px;
  font-size: 2rem;
  letter-spacing: 1px;
}
.header .nav-item ul {
  display: flex;
}
.header .nav-item ul li {
  margin-right: 30px;
  font-size: 1.6rem;
}
.header .nav-item:last-child {
  margin-bottom: 0;
}
.header .large {
  font-size: 3rem;
}

/*menuが開いたとき*/
.header .header-nav.cross {
  display: block;
}

/*burger-btn*/
.burger-btn {
  position: fixed;
  top: 30px;
  right: 30px;
  width: 80px;
  height: 70px;
  padding: 10px;
  background-color: #092237;
  z-index: 200;
  border: 1px solid #fff;
}
.burger-btn .bars {
  position: relative;
}
.bar {
  position: absolute;
  width: 60px;
  height: 1px;
  background-color: #fff;
  transition: .5s;
}
.bar.bar_top {
  top: -13px;
}
.bar.bar_bottom {
  top: 13px;
}

/*ボタンを押したとき*/
.bar.cross.bar_top {
  top: 0px;
  transform: rotate(45deg);
}
.bar.cross.bar_mid {
  display: none;
}
.bar.cross.bar_bottom {
  top: 0px;
  transform: rotate(-45deg);
}

body.noscroll {
  overflow: hidden;
}

/*=========================TOP=========================*/
/*TOP-HERO
==================================================*/
.bg-hero {
  position: relative;
  height: 100vh;
}
.bg-hero .main-copy {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
  padding: 55vh 20px 0;
  color: #fff;
  font-size: 6vw;
  font-family: condor, sans-serif;
  font-weight: bold;
  letter-spacing: 3px;
  box-sizing: content-box;
}
.bg-hero video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -10;
}
.bg-hero .link-entry {
  position: fixed;
  top: 100px;
  right: 30px;
  width: 80px;
  height: 70px;
  line-height: 64px;
  background-color: #1F1E63;
  color: #fff;
}
.bg-hero .link-entry::before {
  display: none;
}
.bg-hero .link-entry:hover {
  background-color: #E2EFF5;
  color: #1F1E63;
}

.scrolldown4 {
  /*描画位置※位置は適宜調整してください*/
  position: absolute;
  bottom: 1%;
  right: 50%;
  /*矢印の動き1秒かけて永遠にループ*/
  animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove {
  0% {
    bottom: 1%;
  }
  50% {
    bottom: 3%;
  }
  100% {
    bottom: 1%;
  }
}
/*Scrollテキストの描写*/
.scrolldown4 span {
  /*描画位置*/
  position: absolute;
  right: 50%;
  bottom: 60px;
  /*テキストの形状*/
  color: #eee;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown4:before {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: 20px;
  right: calc(50% - 7px);
  /*矢印の形状*/
  width: 1px;
  height: 20px;
  background: #eee;
  transform: skewX(-31deg);
  z-index: 10;
}

.scrolldown4:after {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: 20px;
  right: 50%;
  /*矢印の形状*/
  width: 1px;
  height: 110px;
  background: #eee;
  z-index: 10;
}

/*TOP-COMPANY
==================================================*/
.company-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 160px;
}
.company-wrapper.reverse {
  flex-direction: row-reverse;
}
.company-wrapper:last-child {
  margin-bottom: 0;
}
.company-wrapper .text {
  width: 35vw;
}
.company-wrapper .text .policy-lead {
  display: inline-block;
  position: relative;
  font-size: 3rem;
  font-weight: 500;
  padding: 0 30px;
  white-space: nowrap;
}
.company-wrapper .text .policy-lead::before, .company-wrapper .text .policy-lead:after {
  position: absolute;
  top: -10%;
  font-family: 'Font Awesome 5 Free';
  font-size: 2rem;
  font-weight: 900;
}
.company-wrapper .text .policy-lead::before {
  content: '\f10d';
  left: 0;
  margin-right: 20px;
}
.company-wrapper .text .policy-lead::after {
  content: '\f10e';
  right: 0;
  margin-left: 20px;
}
.company-wrapper .text .ceo-lead {
  margin-bottom: 15px;
  font-size: 3rem;
  font-weight: 500;
}
.company-wrapper .image {
  position: relative;
  width: 35vw;
  max-width: 400px;
  min-width: 240px;
  height: 22vw;
}
.company-wrapper .image::after {
  content: '';
  display: block;
  position: absolute;
  top: 80px;
  right: -80px;
  width: 100%;
  height: 100%;
  background-color: #3C7D9B;
  z-index: -1;
}
.company-wrapper .image.left::after {
  left: -80px;
}
.company-wrapper .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.company-table-min {
  width: 100%;
}
.company-table-min tr {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #B4B4B4;
}
.company-table-min tr th {
  width: 120px;
}

/*TOP-BUSINESS
==================================================*/
.business {
  background-color: #E2EFF5;
}

.business-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 65px;
}
.business-wrapper.column {
  flex-direction: column;
}
.business-wrapper:last-child {
  margin-bottom: 0;
}
.business-wrapper .text {
  width: 30vw;
  min-width: 340px;
  padding-right: 30px;
}
.business-wrapper .business-desc-img {
  width: 39vw;
  min-width: 340px;
  height: auto;
}
.business-wrapper.column a {
  width: 100%;
  margin-bottom: 40px;
  transition: .5s;
}
.business-wrapper.column a:last-child {
  margin-bottom: 0;
}
.business-wrapper.column a:hover {
  transform: scale(1.03);
  overflow: hidden;
}

/*TOP-PEAPLE
==================================================*/
.interview-list {
  display: flex;
  width: 100%;
}
.interview-list .interview-item {
  position: relative;
}
.interview-list .interview-item .title {
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 95%;
  padding: 15px;
  background-color: #092237;
  color: #fff;
  opacity: 0;
  transition: .5s;
}
.interview-list .interview-item:hover .title {
  opacity: 1;
}

/*TOP-RECRUIT
==================================================*/
.recruit {
  background-image: linear-gradient(to bottom, #fff 0%, #fff 25%, #E2EFF5 25%, #E2EFF5 100%);
}

.recruit-content {
  display: flex;
  justify-content: space-between;
}
.recruit-content a {
  width: 230px;
  cursor: pointer;
}
.recruit-content a img {
  width: 100%;
}

@media (max-width: 768px) {
  .bg-hero .main-copy {
    font-size: 5rem;
    line-height: 1.2;
  }
  .bg-hero .link-entry {
    position: absolute;
    right: 4%;
  }

  .company-wrapper {
    flex-direction: column;
  }
  .company-wrapper.reverse {
    flex-direction: column;
  }
  .company-wrapper .text {
    width: 100%;
    margin-bottom: 50px;
  }
  .company-wrapper .text .policy-lead {
    font-size: 2rem;
  }
  .company-wrapper .text .ceo-lead {
    font-size: 2rem;
  }
  .company-wrapper .image {
    width: 100%;
    max-width: none;
    height: 60vw;
  }
  .company-wrapper .image::after {
    right: -15px;
  }

  .business-wrapper {
    flex-direction: column;
  }
  .business-wrapper .text {
    width: 100%;
    margin-bottom: 50px;
    padding-right: 0;
  }
  .business-wrapper .business-desc-img {
    width: 100%;
  }

  .interview-list .interview-item a {
    display: block;
    width: 100%;
  }
  .interview-list .interview-item a .title {
    display: none;
  }

  .peaple .page-title {
    box-sizing: border-box;
  }

  .recruit {
    background-image: linear-gradient(to bottom, #fff 0%, #fff 10%, #E2EFF5 10%, #E2EFF5 100%);
  }

  .recruit-content {
    flex-direction: column;
  }
  .recruit-content a {
    width: 100%;
    margin-bottom: 50px;
  }
  .recruit-content a:last-child {
    margin-bottom: 0;
  }
}
/*=========================COMPANY=========================*/
/*POLICY
==================================================*/
#policy .company-wrapper .text {
  width: 100%;
}
#policy .policy-lead {
  margin-bottom: 25px;
}
#policy .company-wrapper {
  margin-bottom: 80px;
}

/*CEO-MESSAGE
==================================================*/
.ceo-content {
  display: flex;
  justify-content: space-between;
}
.ceo-content .image {
  position: relative;
  width: 35%;
  min-width: 320px;
  max-width: 350px;
  max-height: 400px;
  margin-bottom: 100px;
}
.ceo-content .image::before {
  content: '';
  position: absolute;
  top: 60px;
  left: -65px;
  width: 100%;
  height: 100%;
  background-color: #3C7D9B;
  z-index: -1;
}
.ceo-content .text {
  width: 45%;
  max-width: 450px;
}
.ceo-content .text .message-lead {
  font-size: 3rem;
  margin-bottom: 30px;
  font-weight: 500;
}
.ceo-content .text .message {
  margin-bottom: 30px;
}

/*COMPANY-DESC
==================================================*/
.company-table {
  width: 100%;
}
.company-table tr {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #B4B4B4;
}
.company-table tr th {
  width: 140px;
}

@media (max-width: 768px) {
  .ceo-content {
    flex-direction: column;
  }
  .ceo-content .image {
    width: 100%;
    margin-bottom: 110px;
  }
  .ceo-content .text {
    width: 100%;
    max-width: none;
  }
  .ceo-content .text:last-child {
    margin-bottom: 0;
  }

  .company-table tr th {
    width: 100px;
  }
}
/*=========================BUSINESS=========================*/
/*BUSINESS-HERO
==================================================*/
.desc-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 65px;
}
.desc-wrapper .desc-text {
  width: 42%;
}
.desc-wrapper .image {
  width: 50%;
}

/*BUSINESS-DESC
==================================================*/
.business-item {
  position: relative;
  margin-bottom: 60px;
}
.business-item:last-child {
  margin-bottom: 0;
}
.business-item h4 {
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: 700;
}
.business-item p {
  max-width: 700px;
}
.business-item .under {
  position: absolute;
  bottom: -40px;
  right: 0;
  color: rgba(60, 125, 155, 0.2);
  font-family: condor, sans-serif;
  font-size: 8rem;
  font-weight: 800;
  z-index: -1;
}

/*BUSINESS-WORKSTYLE
==================================================*/
.work-style-item {
  margin-bottom: 150px;
}
.work-style-item .work-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.work-style-item .work-content:last-child {
  margin-bottom: 0;
}
.work-style-item .work-content .image {
  width: 40%;
}
.work-style-item .work-content .text {
  width: 50%;
}
.work-style-item .work-content .text .title {
  margin-bottom: 5px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.5;
}
.work-style-item .work-content .text .desc {
  margin-bottom: 25px;
}

.timeline-box .title {
  background-color: #3C7D9B;
  text-align: center;
  line-height: 40px;
}
.timeline-box .title p {
  color: #fff;
}
.timeline-box .timeline {
  padding: 40px 30px;
  background-color: #E2EFF5;
}
.timeline-box .timeline .timeline-inner {
  position: relative;
}
.timeline-box .timeline .timeline-inner::after {
  position: absolute;
  top: 0;
  left: 75px;
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #A9A9A9;
}
.timeline-box .timeline .timeline-inner tr {
  display: block;
  margin-bottom: 22px;
  font-weight: 500;
}
.timeline-box .timeline .timeline-inner tr.mb-2 {
  margin-bottom: 42px;
}
.timeline-box .timeline .timeline-inner tr.mb-3 {
  margin-bottom: 62px;
}
.timeline-box .timeline .timeline-inner tr.mb-4 {
  margin-bottom: 82px;
}
.timeline-box .timeline .timeline-inner tr.mb-5 {
  margin-bottom: 102px;
}
.timeline-box .timeline .timeline-inner tr .time {
  width: 76px;
  font-size: 1.8rem;
}
.timeline-box .timeline .timeline-inner tr .todo {
  position: relative;
  padding-left: 54px;
}
.timeline-box .timeline .timeline-inner tr .todo::before {
  position: absolute;
  left: -4px;
  top: 8px;
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #3C7D9B;
  z-index: 1;
}

@media (max-width: 768px) {
  .desc-wrapper {
    flex-direction: column;
  }
  .desc-wrapper .desc-text {
    width: 100%;
  }
  .desc-wrapper .image {
    width: 100%;
  }

  .business-list .under {
    font-size: 4rem;
  }

  .work-style-item .work-content {
    flex-direction: column-reverse;
  }
  .work-style-item .work-content .image {
    width: 100%;
  }
  .work-style-item .work-content .text {
    width: 100%;
    margin-bottom: 30px;
  }
  .work-style-item .work-content .text .title {
    font-size: 2.4rem;
  }

  .timeline-box .timeline {
    padding: 40px 10px;
  }
  .timeline-box .timeline .timeline-inner::after {
    left: 59px;
  }
  .timeline-box .timeline .timeline-inner tr .time {
    font-size: 1.6rem;
    width: 64px;
  }
  .timeline-box .timeline .timeline-inner tr .todo {
    padding-left: 15px;
  }
  .timeline-box .timeline .timeline-inner tr .todo::before {
    left: -8px;
  }
}
.interview-content {
  margin-bottom: 200px;
}
.interview-content:last-child {
  margin-bottom: 0;
}

.image-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
.image-wrapper .image {
  width: 70%;
}
.image-wrapper.right .image {
  margin-left: auto;
}
.image-wrapper.right .interview-title {
  left: 0;
}
.image-wrapper.right .desc {
  text-align: right;
}
.image-wrapper .interview-title {
  position: absolute;
  right: 0;
  bottom: 50px;
  width: 65%;
  padding: 15px;
  background-color: #092237;
  color: #fff;
  font-size: 2vw;
  font-weight: 700;
  line-height: 1.5;
}

.interview-item {
  margin-bottom: 50px;
}
.interview-item .question {
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 15px;
}
.interview-item .question::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #707070;
  margin-bottom: 10px;
  margin-right: 10px;
}

@media (max-width: 768px) {
  .image-wrapper .image {
    width: 100%;
  }
  .image-wrapper .interview-title {
    bottom: 35px;
    width: 90%;
    padding: 10px 15px;
    font-size: 1.4rem;
  }

  .interview-item .question {
    font-size: 1.8rem;
  }
}
.recruit-list h4,
.recruit-flow h4 {
  margin-bottom: 25px;
  font-size: 3rem;
  font-weight: 500;
}

.recruit-flow-table {
  position: relative;
  width: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}
.recruit-flow-table::before {
  content: '';
  position: absolute;
  top: 90px;
  right: -80px;
  width: 100%;
  height: 100%;
  background-color: #3C7D9B;
  z-index: -1;
}
.recruit-flow-table tr {
  display: block;
  width: 100%;
  background-color: #F8F8F8;
  border-bottom: 1px solid #B4B4B4;
}
.recruit-flow-table tr:last-child {
  border-bottom: 0;
}
.recruit-flow-table tr th {
  display: inline-block;
  width: 20%;
  line-height: 100px;
  text-align: center;
}
.recruit-flow-table tr th.step1 {
  background-color: #663D8C;
}
.recruit-flow-table tr th.step2 {
  background-color: #584AA1;
}
.recruit-flow-table tr th.step3 {
  background-color: #606CBE;
}
.recruit-flow-table tr th.step4 {
  background-color: #6A8ECA;
}
.recruit-flow-table tr th.step5 {
  background-color: #8DCCEB;
}
.recruit-flow-table tr th.step6 {
  background-color: #AFE5FF;
}
.recruit-flow-table tr td {
  display: inline-block;
  width: 70%;
  padding: 15px 10px;
}
.recruit-flow-table tr td .title {
  font-weight: 500;
}

.btn.recruit-btn {
  width: 40%;
  height: 94px;
  margin: 150px auto 150px;
}
.btn.recruit-btn p {
  margin-top: -3px;
  font-size: 4rem;
  line-height: 94px;
}

@media (max-width: 768px) {
  .recruit-flow-table::before {
    left: 15px;
  }
  .recruit-flow-table tr th {
    width: 100%;
    line-height: 45px;
  }
  .recruit-flow-table tr td {
    width: 100%;
  }
}
.btn.recruit-btn {
  width: 100%;
}

/*FOOTER
==================================================*/
.footer {
  background-color: #092237;
  padding: 50px 0;
  color: #fff;
}
.footer .entry-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.footer .entry-wrapper .btn-entry {
  display: block;
  width: 240px;
  padding: 25px 15px;
  background-color: #DA6F32;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.footer .footer-content {
  display: flex;
  justify-content: space-between;
}
.footer .footer-content .logo {
  width: 240px;
  height: 45px;
  margin-bottom: 10px;
  fill: #fff;
}
.footer .footer-content a {
  display: block;
  margin-bottom: 10px;
}
.footer .footer-content p {
  margin-top: 35px;
}
.footer-nav .nav-list {
  display: flex;
}
.footer-nav .nav-list .nav-item {
  margin-top: -40px;
  margin-left: 50px;
}
.footer-nav .nav-list .nav-item:first-child {
  margin-left: 0;
}
.footer-nav .nav-list .nav-item p {
  margin-bottom: 18px;
}
.footer-nav .nav-list .nav-item li {
  margin-bottom: 10px;
}

/*========= ページトップのためのCSS ===============*/
/*リンクの形状*/
#page-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #092237;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  color: #092237;
  text-align: center;
  font-size: 2.5rem;
  transition: all 0.3s;
}

/*リンクを右下に固定*/
#page-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 2;
}

@media (max-width: 768px) {
  .header .logo {
    margin: 30px 4%;
  }
  .header .logo a {
    width: 180px;
  }
  .header .logo a svg {
    width: 180px;
  }
  .header .header-nav.cross {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px 30px;
  }
  .header .header-nav.cross .nav-item ul li {
    font-size: 1.4rem;
    margin-right: 20px;
  }
  .header .burger-btn {
    position: absolute;
    right: 4%;
  }

  .footer .entry-wrapper {
    flex-direction: column;
  }
  .footer .entry-wrapper .btn-entry {
    width: 100%;
    margin-bottom: 25px;
  }
  .footer .footer-content {
    flex-direction: column;
  }
  .footer .footer-content .site-desc {
    margin-bottom: 50px;
  }
  .footer .footer-content .site-desc .logo {
    margin-bottom: 20px;
  }

  .footer-nav .nav-list {
    flex-direction: column;
  }
  .footer-nav .nav-list .nav-item {
    margin-left: 0;
  }
  .footer-nav .nav-list .nav-item ul {
    display: flex;
  }
  .footer-nav .nav-list .nav-item ul li {
    margin-right: 30px;
    font-size: 1.2rem;
  }
  #page-top {
    right: 8%;
  }
}