/*---------------------------------------
 font-size 管理
---------------------------------------*/
html h1 {
  font-size: 48px;
  letter-spacing: .1rem;
  margin-bottom: 0;
}
html h2 {
  font-size: 32px;
  margin-bottom: 0;
  font-weight: 300;
  letter-spacing: .1rem;
}
html h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
html p {
  font-size: 16px;
  letter-spacing: .02rem;
  margin-bottom: 0;
}
p,a,h1,h2,h3,h4 {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #272727;
}

/*---------------------------------------
 画面幅 & レイアウト 管理
---------------------------------------*/
html .wrapper,
html .wrapper-2 {
  width: 1400px;
  margin-right: auto;
  margin-left: auto;
}
.flex {
  display: flex;
}
.v-1 {
  writing-mode: vertical-rl; /* 文字列を縦にする */
}
.v-2 {
  writing-mode: vertical-rl; /* 文字列を縦にする (反転) */
  transform: rotate(180deg);
}
.over-hidden {
  overflow: hidden;
}
.nowrap {
  white-space: nowrap;
}
html a {
  text-decoration: none;
}
html ul {
  padding-left: 0;
  margin-bottom: 0;
}
.center {
  text-align: center;
}

/*-- ふわっと出現 --*/
body {
  animation-name:fadeInAnime;
  animation-duration:1.6s;
  animation-delay: 0.4s;
  animation-fill-mode:forwards;
  opacity:0;
  }

  @keyframes fadeInAnime{
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }
  .title-1 {
    font-size: 16px;
    margin-bottom: 0.2rem;
    text-align: center;
    color: #76B1D6;
    font-weight: bold;
  }
    .title-2 {
    font-size: 36px;
    margin-bottom: 1rem;
    text-align: center;
    color: #272727;
    font-weight: bold;
  }
  .text{
  font-size: 20px;
  line-height: 36px;
  text-align: center;
}
.pt-r {
  padding-top: 8rem;
}
.pb-r {
  padding-bottom: 8rem;
}
.pt-r-2 {
  padding-top: 4rem;
}
.pb-r-2 {
  padding-bottom: 4rem;
}

/*---------------------------------------
　ヘッダー
---------------------------------------*/
html,body,header {
  width: 100%;
  height: 100%;
}
header {
  padding: 3rem 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.nav-menu {
  margin-bottom:3rem;
  height: 96px;
  align-items: center;
  justify-content: space-between;
}
.nav-menu img {
  width: auto;
  height: 100%;
}
.nav-menu nav ul li a {
  font-size: 20px;
  color: #76B1D6;
  letter-spacing: .06rem;
  transition: all 0.4s;
  padding: 4px;
}
.nav-menu nav ul li a:hover {
  transition: all 0.3s;
  opacity: 0.4;
}
.nav-menu nav ul {
  justify-content: space-between;
  width: 404px;
}

/* ---  スライダー  --- */
.slick-dots {
  display: none !important;
}
html .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.slider {
  height: 72%;
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.slick-list,
.slick-track,
.slick-track div {
  height: 100%;
}
.slider img {
  height: 100%;
  margin: auto auto 0 auto;
}
.loop-img {
  width: 226px;
  height: 226px;
  position: absolute;
  right: 21%;
  bottom: -5rem;

  /*animation: Anime 3s steps(1) infinite; かくかくコマ送りのように動かす場合 */
  animation:3s linear infinite Anime;
  animation-duration: 22s;
}
@keyframes Anime {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*---------------------------------------
　About
---------------------------------------*/
#about {
  padding: 12rem 0 15rem 0;
  position: relative;
  overflow: hidden;
}
.circle-1,
.circle-2,
.circle-3,
.circle-4 {
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}
.circle-1 {
  width: 636px;
  height: 636px;
  background-color: #CEEBFB;
  top: 0;
  left: -5rem;
}
.circle-2 {
  width: 175px;
  height: 175px;
  background-color: #EFF1D2;
  bottom: 8rem;
  left: 50%;
}
.circle-3 {
  width: 270px;
  height: 270px;
  background-color: #FAE7BA;
  top: 50%;
  left: 50%;
}
.circle-4 {
  width: 385px;
  height: 385px;
  background-color: #F5D8D9;
  bottom: -12rem;
  right: -7rem;
}
.circle-1 {
  /*animation: Anime 3s steps(1) infinite; かくかくコマ送りのように動かす場合 */
  animation-duration: 35s;
  animation-iteration-count: infinite;
  animation-name: A;
}
@keyframes A {
  0% {
    border-radius:50% 50% 50% 50% / 50% 50% 50% 50% ;/*  1  */
    transform: translate(0,0px);
  }
  20% {
    border-radius:38% 62% 40% 60% / 46% 56% 44% 54% ;/*  2  */
  }
  25% {
    border-radius:38% 62% 40% 60% / 46% 56% 44% 54% ;/*  2  */
  }
  45% {
    border-radius:52% 48% 48% 52% / 55% 63% 37% 45% ;/*  3  */
  }
  50% {
    border-radius: 52% 48% 48% 52% / 55% 63% 37% 45% ;/*  3  */
    transform: translate(0,56px);
  }
  70% {
    border-radius: 58% 42% 57% 43% / 57% 46% 54% 43% ;/*  4  */
  }
  75% {
    border-radius: 58% 42% 57% 43% / 57% 46% 54% 43% ;/*  4  */
  }
  95% {
    border-radius:50% 50% 50% 50% / 50% 50% 50% 50% ;/*  1  */
  }
  100% {
    border-radius:50% 50% 50% 50% / 50% 50% 50% 50% ;/*  1  */
    transform: translate(0,0px);
  }
}

.circle-2 {
  /*animation: Anime 3s steps(1) infinite; かくかくコマ送りのように動かす場合 */
  animation-duration: 30s;
  animation-delay: 0.6s;
  animation-iteration-count: infinite;
  animation-name: B;
  border-radius:55% 45% 52% 48% / 53% 42% 58% 47% ;/*  1  */
  transform: translate(-19rem,20px);
}
@keyframes B {
  0% {
    border-radius:55% 45% 52% 48% / 53% 42% 58% 47% ;/*  1  */
    transform: translate(-19rem,20px);
  }
  20% {
    border-radius:47% 53% 41% 59% / 63% 37% 63% 37% ;/*  2  */
  }
  25% {
    border-radius:47% 53% 41% 59% / 63% 37% 63% 37% ;/*  2  */
  }
  45% {
    border-radius:39% 61% 39% 61% / 65% 38% 62% 35% ;/*  3  */
  }
  50% {
    border-radius:39% 61% 39% 61% / 65% 38% 62% 35% ;/*  3  */
    transform: translate(-19rem,-24px);
  }
  70% {
    border-radius:49% 51% 52% 48% / 47% 56% 44% 53% ;/*  4  */
  }
  75% {
    border-radius:49% 51% 52% 48% / 47% 56% 44% 53% ;/*  4  */
  }
  95% {
    border-radius:55% 45% 52% 48% / 53% 42% 58% 47% ;/*  1  */
  }
  100% {
    border-radius:55% 45% 52% 48% / 53% 42% 58% 47% ;/*  1  */
    transform: translate(-19rem,20px);
  }
}

.circle-3 {
  /*animation: Anime 3s steps(1) infinite; かくかくコマ送りのように動かす場合 */
  animation-duration: 35s;
  animation-delay: 1.2s;
  border-radius:47% 53% 46% 54% / 43% 47% 53% 57% ;/*  1  */
  transform: translate(12rem,-60%);
  animation-iteration-count: infinite;
  animation-name: C;
}
@keyframes C {
  0% {
    border-radius:47% 53% 46% 54% / 43% 47% 53% 57% ;/*  1  */
    transform: translate(12rem,-60%);
  }
  20% {
    border-radius:36% 64% 37% 63% / 43% 47% 53% 57% ;/*  2  */
  }
  25% {
    border-radius:36% 64% 37% 63% / 43% 47% 53% 57% ;/*  2  */
  }
  45% {
    border-radius:45% 55% 48% 52% / 51% 42% 58% 49% ;/*  3  */
  }
  50% {
    border-radius:45% 55% 48% 52% / 51% 42% 58% 49% ;/*  3  */
    transform: translate(12rem,-40%);
  }
  70% {
    border-radius:56% 44% 48% 52% / 55% 42% 58% 45% ;/*  4  */
  }
  75% {
    border-radius:56% 44% 48% 52% / 55% 42% 58% 45% ;/*  4  */
  }
  95% {
    border-radius:47% 53% 46% 54% / 43% 47% 53% 57% ;/*  1  */
  }
  100% {
    border-radius:47% 53% 46% 54% / 43% 47% 53% 57% ;/*  1  */
    transform: translate(12rem,-60%);
  }
}

.circle-4 {
  /*animation: Anime 3s steps(1) infinite; かくかくコマ送りのように動かす場合 */
  animation-duration: 30s;
  animation-delay: 1.8s;
  animation-iteration-count: infinite;
  animation-name: D;
  border-radius:33% 67% 79% 21% / 25% 44% 56% 75% ;/*  1  */
}
@keyframes D {
  0% {
    border-radius:33% 67% 79% 21% / 25% 44% 56% 75% ;/*  1  */
  }
  20% {
    border-radius:68% 32% 79% 21% / 69% 44% 56% 31% ;/*  2  */
  }
  25% {
    border-radius:68% 32% 79% 21% / 69% 44% 56% 31% ;/*  2  */
  }
  45% {
    border-radius:61% 39% 34% 66% / 43% 78% 22% 57% ;/*  3  */
  }
  50% {
    border-radius:61% 39% 34% 66% / 43% 78% 22% 57% ;/*  3  */
  }
  70% {
    border-radius:61% 39% 76% 24% / 43% 78% 22% 57% ;/*  4  */
  }
  75% {
    border-radius:61% 39% 76% 24% / 43% 78% 22% 57% ;/*  4  */
  }
  95% {
    border-radius:33% 67% 79% 21% / 25% 44% 56% 75% ;/*  1  */
  }
  100% {
    border-radius:33% 67% 79% 21% / 25% 44% 56% 75% ;/*  1  */
  }
}

/*---------------------------------------
  Our services
---------------------------------------*/
section:nth-of-type(even) {
  background-color: #F8F8F8;
}
.services-list {
  padding-top: 6rem;
}
.services-list ul,
.access-list ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.services-list ul li,
.access-list ul li {
  width: 25%;
  padding: 0 1rem;
  position: relative;
}
.services-list ul li img {
  width: 100%;
}
.services-list ul li a {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  transition: all 0.4s;
}
.services-list ul li a img {
  width: 80%;
  transition: all 0.4s;
}
.services-list ul li a img:hover {
  transition: all 0.2s;
  transform: scale(1.04);
}

/*---------------------------------------
　Access
---------------------------------------*/
.access-list {
  padding-top: 4rem;
}
.access-area img {
  width: 100%;
  height: 208px;
  object-fit: cover;
  border-bottom: 6px solid #F99C00;
}
.access-list ul li:nth-of-type(2) .access-area img {
    border-bottom: 6px solid #EB8896;
}
.access-list ul li:nth-of-type(3) .access-area img {
    border-bottom: 6px solid #93C274;
}
.access-list ul li:nth-of-type(4) .access-area img {
    border-bottom: 6px solid #48B7D0;
}
.access-list ul li .access-area {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #B9B9B9;
}
.ac-1 {
  font-size: 20px;
  white-space: nowrap;
  color: #F99C00;
  margin-bottom: 4px;
}
.ac-2 {
  font-size: 12px;
  color: #F99C00;
}
.access-list ul li:nth-of-type(2) .ac-1,
.access-list ul li:nth-of-type(2) .ac-2 {
  color: #EB8896;
}
.access-list ul li:nth-of-type(3) .ac-1,
.access-list ul li:nth-of-type(3) .ac-2 {
  color: #93C274;
}
.access-list ul li:nth-of-type(4) .ac-1,
.access-list ul li:nth-of-type(4) .ac-2 {
  color: #48B7D0;
}
.access-area .text-box {
  padding: 1.2rem 1rem;
}
.access-area .text-box p {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.02rem;
}
.access-area .text-box p:first-of-type {
  margin: 20px 0 12px 0;
}
.access-area .text-box p:last-of-type {
  margin-bottom: 16px;
}
.access-area .text-box a p {
  margin: 0 !important;
  width: 180px;
  height: 32px;
  font-size: 16px;
  letter-spacing: 0.02rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding-top: 3px;
  transition: all 0.3s;
}
.access-area .text-box a p:hover {
  transition: all 0.4s;
  opacity: 0.6;
}
.access-list ul li:nth-of-type(1) .text-box a p {
  background-color: #F99C00;
}
.access-list ul li:nth-of-type(2) .text-box a p {
  background-color: #EB8896;
}
.access-list ul li:nth-of-type(3) .text-box a p {
  background-color: #93C274;
}
.access-list ul li:nth-of-type(4) .text-box a p {
  background-color: #48B7D0;
}

/*---------------------------------------
　Contact
---------------------------------------*/
#contact .text-box {
  text-align: center;
}
#contact .text-box img {
  width: 240px;
  margin-bottom: 8px;
}
#contact .text-box p:nth-of-type(1) {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.02rem;
  margin-top: 3rem;
}
#contact .text-box p:nth-of-type(2) {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02rem;
  margin-bottom: 1.6rem;
}
#contact .text-box p:nth-of-type(3),
html #contact .text-box a p {
  font-size: 20px !important;
  font-weight: bold !important;
  letter-spacing: 0.02rem !important;
  margin-top: 0 !important;
}
#contact .last-img {
  width: 504px;
  height: 204px;
  overflow: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 3rem;
}
#contact .last-img img {
  width: 380%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/*---------------------------------------
　フッター
---------------------------------------*/
footer {
  background-color: #76B1D6;
}
.footer-area {
  width: 35rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 6rem 0;
}
.footer-area article img {
  width: 114px;
}
.footer-area aside {
  margin-left: 1rem;
}
.footer-area aside p {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.02rem;
}
.footer-area aside p span:first-of-type {
  font-size: 28px;
}
.footer-area aside p span:last-of-type {
  font-size: 20px;
}

#page-1 {
  transform: translateY(4rem);
}
#page-2 {
  transform: translateY(4rem);
}

/*---------------------------------------
//
//           スマホ版
//
//---------------------------------------*/
@media screen and (min-width:1025px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width:1024px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}

@media screen and (min-width:992px) {
  .sp-2 {
    display: none !important;
  }
}
@media screen and (max-width:991px) {
  .pc-2 {
    display: none !important;
  }
  .sp-2 {
    display: block !important;
  }
}

@media screen and (min-width:769px) {
  .sp-3 {
    display: none !important;
  }
}
@media screen and (max-width:768px) {
  .pc-3 {
    display: none !important;
  }
  .sp-3 {
    display: block !important;
  }
}

@media screen and (min-width:561px) {
  .sp-4 {
    display: none !important;
  }
}
@media screen and (max-width:560px) {
  .pc-4 {
    display: none !important;
  }
  .sp-4 {
    display: block !important;
  }
}

@media screen and (min-width:1921px) {
  html .wrapper, html .wrapper-2 {
    width: 1600px;
  }
  .slider {
    height: 64% !important;
  }
  .loop-img {
    width: 320px;
    height: 320px;
    bottom: 1%;
  }

  /*  1921 px end  */
}

@media screen and (max-width:1536px) {
  header {
    padding: 2rem 0;
  }
  .nav-menu {
    height: 72px;
    margin-bottom:2rem;
  }
  html .wrapper {
    width: 1080px;
  }
  html .wrapper-2 {
    width: 1200px;
  }
  .slider {
    height: 64%;
  }
  .services-list ul li, .access-list ul li {
    width: 50%;
    padding: 0 2rem;
  }
  .services-list ul li:nth-of-type(1),
  .services-list ul li:nth-of-type(2),
  .access-list ul li:nth-of-type(1),
  .access-list ul li:nth-of-type(2) {
    margin-bottom: 3rem;
  }
  html .wrapper {
    width: 960px;
  }
  .services-list ul li a img {
    width: 68%;
  }
  .services-list ul li a {
    bottom: 40px;
  }
  .access-area .text-box {
    padding: 1.6rem 1.6rem;
  }
  .slider {
    height: 32rem;
  }
  .loop-img {
    bottom: -2rem;
    right: 20%;
    width:196px;
    height: 196px;
  }
  .circle-1 {
    width: 540px;
    height: 540px;
  }
  .circle-4 {
    width: 364px;
    height: 364px;
  }

  /*  1536 px end  */
}

@media screen and (max-width:1440px) {
  html .wrapper-2 {
    width: 960px;
  }
  /*  1440 px end  */
}

@media screen and (max-width:1366px) {

  /*  1366 px end  */
}

@media screen and (max-width:1200px) {

  /*  1200 px end  */
}

@media screen and (max-width:1024px) {
  .slider {
    height: 84%;
    overflow: hidden;
  }
  .loop-img {
    bottom: -5%;
    right: 16%;
    width: 226px;
    height: 226px;
  }
  .nav-menu {
    height: 64px;
  }
  .nav-menu nav ul li a {
    font-size: 18px;
  }
  .services-list ul li, .access-list ul li {
    padding: 0 1rem;
  }

  /*  1024 px end  */
}

@media screen and (max-width:991px) {
  .nav-menu {
    height: auto;
    flex-direction: column;
  }
  .nav-menu img {
    height: 106px;
    width: auto;
    margin-bottom: 1.6rem;
  }
  html body .wrapper-2,
  html body .wrapper {
    width: auto;
    margin-right: 8%;
    margin-left: 8%;
  }
  html body .slider.wrapper {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  html .slider {
    height: 72%;
  }
  .services-list ul li a {
    bottom: 7%;
  }
  html h3 {
    font-size: 14px;
  }
  .ac-1 {
    font-size: 18px;
  }
  .ac-2 {
    font-size: 11px;
  }
  .access-area .text-box p {
    font-size: 14px;
  }
  .title-2 {
    font-size: 30px;
  }
  .text {
    font-size: 18px;
    line-height: 32px;
  }
  .circle-1 {
    width: 440px;
    height: 440px;
  }

  /*  991 px end  */
}

@media screen and (max-width:768px) {
  .loop-img {
    width: 160px;
    height: 160px;
  }
  .ac-1 {
    margin-top: 2px;
  }
  .text-box-2 {
    height: 92px;
  }

  /*  768 px end  */
}

@media screen and (max-width:560px) {
  .pb-r {
    padding-bottom: 4rem;
  }
  .pt-r {
    padding-top: 4rem;
  }
  .services-list ul li {
    width: 100%;
  }
  .services-list ul li:nth-of-type(3) {
    margin-bottom: 3rem;
  }
  .access-area .text-box a p {
    width: 100%;
  }
  .access-area .text-box {
    padding: 1.2rem 0.6rem;
  }
  .access-area img {
    height: 96px;
  }
  .footer-area {
    flex-direction: column;
  }
  .footer-area aside {
    margin-left: 0;
  }
  .footer-area {
    text-align: center;
    width: auto;
  }
  .footer-area aside p {
    font-size: 14px;
    margin-top: 1rem;
  }
  .footer-area aside p span:first-of-type {
    font-size: 26px;
  }
  .footer-area aside p span:last-of-type {
    font-size: 18px;
  }
  #about {
    padding: 6rem 0 6rem 0;
  }
  .circle-1 {
    width: 260px;
    height: 260px;
    left: -8rem;
  }
  .circle-2 {
    width: 90px;
    height: 90px;
    bottom: 11rem;
    transform: translateX(-12rem);
  }
  .circle-3 {
    width: 109px;
    height: 109px;
    top: 60%;
    transform: translate(4rem,-50%);
  }
  .circle-4 {
    width: 192px;
    height: 192px;
    bottom: -7rem;
    right: -3rem;
  }
  #contact .last-img img {
    width: 96rem;
  }
  #contact .last-img {
    margin-top: 0;
  }
  #contact .last-img {
    width: 100%;
  }
  #contact .last-img {
    height: 164px;
  }
  .loop-img {
    right: 11%;
    bottom: -7%;
  }
  .access-area .text-box a p {
    font-size: 14px;
  }
  .access-list {
    padding-top: 1.2rem;
  }
  .services-list {
    padding-top: 2rem;
  }
  .title-2.mb-5 {
    margin-bottom: 1.6rem !important;
  }
  .circle-3 {
    transform: translate(6rem,-50%);
    top: 45%;
  }

  @keyframes B {
    0% {
      border-radius:60% 40% 61% 39% / 61% 39% 61% 39%;/*  1  */
      transform: translate(-12rem,0);
    }
    20% {
      border-radius:32% 68% 42% 58% / 37% 60% 40% 63% ;/*  2  */
    }
    25% {
      border-radius:32% 68% 42% 58% / 37% 60% 40% 63% ;/*  2  */
    }
    45% {
      border-radius:74% 26% 53% 47% / 48% 19% 81% 52% ;/*  3  */
    }
    50% {
      border-radius:74% 26% 53% 47% / 48% 19% 81% 52% ;/*  3  */
      transform: translate(-12rem,72px);
    }
    70% {
      border-radius:33% 67% 67% 33% / 67% 51% 49% 33% ;/*  4  */
    }
    75% {
      border-radius:33% 67% 67% 33% / 67% 51% 49% 33% ;/*  4  */
    }
    95% {
      border-radius:60% 40% 61% 39% / 61% 39% 61% 39%;/*  1  */
    }
    100% {
      border-radius:60% 40% 61% 39% / 61% 39% 61% 39%;/*  1  */
      transform: translate(-12rem,0);
    }
  }

  @keyframes C {
    0% {
      border-radius:33% 67% 79% 21% / 25% 44% 56% 75% ;/*  1  */
      transform: translate(6rem,-50%);
    }
    20% {
      border-radius:68% 32% 79% 21% / 69% 44% 56% 31% ;/*  2  */
    }
    25% {
      border-radius:68% 32% 79% 21% / 69% 44% 56% 31% ;/*  2  */
    }
    45% {
      border-radius:61% 39% 34% 66% / 43% 78% 22% 57% ;/*  3  */
    }
    50% {
      border-radius:61% 39% 34% 66% / 43% 78% 22% 57% ;/*  3  */
      transform: translate(6rem,-28%);
    }
    70% {
      border-radius:61% 39% 76% 24% / 43% 78% 22% 57% ;/*  4  */
    }
    75% {
      border-radius:61% 39% 76% 24% / 43% 78% 22% 57% ;/*  4  */
    }
    95% {
      border-radius:33% 67% 79% 21% / 25% 44% 56% 75% ;/*  1  */
    }
    100% {
      border-radius:33% 67% 79% 21% / 25% 44% 56% 75% ;/*  1  */
      transform: translate(6rem,-50%);
    }
  }

  /*  560 px end  */
}

@media screen and (max-width:460px) {
  #contact .last-img img {
    width: 80rem;
  }
  .loop-img {
    right: 40px;
  }
  .title-2 {
    font-size: 24px;
  }
  .nav-menu nav ul,
  .nav-menu nav {
    width: 100%;
  }
  .nav-menu nav ul li a {
    font-size: 14px;
  }
  .text {
    font-size: 16px;
    line-height: 28px;
  }
  .ac-1 {
    font-size: 16px;
  }
  html body .wrapper-2, html body .wrapper {
    margin-right: 4%;
    margin-left: 4%;
  }
  #contact .text-box p:nth-of-type(1) {
    font-size: 20px;
  }
  #contact .text-box p:nth-of-type(2) {
    font-size: 14px;
  }
  #contact .text-box img {
    width: 200px;
  }
  #contact .text-box p:nth-of-type(3),
  html #contact .text-box a p {
    font-size: 20px !important;
  }
  #contact .text-box p:nth-of-type(1) {
    margin-top: 2rem;
  }
  .footer-area article img {
    width: 96px;
  }

/*  460 px end  */
}

@media screen and (max-width:414px) {
  .services-list ul li, .access-list ul li {
    padding: 0 0.4rem;
  }
  .access-list ul li:nth-of-type(1), .access-list ul li:nth-of-type(2) {
    margin-bottom: 1.6rem;
  }

/*  414 px end  */
}

@media screen and (max-width:390px) {
  .loop-img {
    width: 132px;
    height: 132px;
  }
/*  390 px end  */
}

@media screen and (max-width:375px) {
  .title-2 {
    font-size: 22px;
  }
  .text {
    font-size: 14px;
    line-height: 24px;
  }
  #contact .last-img img {
    width: 64rem;
  }
  #contact .last-img {
    height: 124px;
  }

/*  375 px end  */
}

@media screen and (max-width:320px) {
  .ac-1 {
    font-size: 15px;
  }
  .access-area .text-box p {
    font-size: 12px;
  }

/*  320 px end  */
}