/*-----------------------------------------------------------
 Hero
-----------------------------------------------------------*/
/* swiper */
:root {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --color-base: #f8f8f8;
  --color-gray: #ddd;
  --color-theme: #fff;
  --color-theme-darken: #eee;
  --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
  --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
  --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
  --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff,.2); }

.tpsw-section .l-inner {
  padding-top: 8rem;
  padding-bottom: 8rem; }

[class*=swiper]:focus {
  outline: none; }
.mv02 .slide-media,
.mv02 .thumb-media {
  position: relative;
  overflow: hidden; }

.mv02 .slide-media img,
.mv02 .thumb-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  filter: brightness(70%); }

.mv02 {
  position: relative; }

.mv02 .l-inner {
  padding-bottom: 0; }

.mv02 .swiper-controller {
  width: 7rem;
  position: absolute;
  z-index: 1;
  /*top: 0;*/
  bottom: 60px;
  right: 30px;
  display: flex;
  justify-content: space-between;
  /*height: -webkit-max-content;
  height: -moz-max-content;*/
  height: max-content; }

.mv02 .swiper-button-prev, .swiper-button-next {
  /*display: grid;*/
  place-content: center;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 5px}

.mv02 .swiper-button-prev {
  margin-right: 1rem;
  background: #e02a20 url("../images/icon-arrow-left-w.svg") left top no-repeat;
  background-size: contain; }

.mv02 .swiper-button-next {
  background: #e02a20 url("../images/icon-arrow-right-w.svg") left top no-repeat;
  background-size: contain; }

.mv02 .swiper-pagination {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 30px;
  /*height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;*/
  width: calc(100% - 30px);
  display: flex;
  justify-content: flex-end;
  margin: auto; }

.mv02 .swiper-pagination-bullet {
  display: block;
  width: 3rem;
  height: 2px;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: #fff; }

.mv02 .swiper-pagination-bullet:not(:first-child) {
  margin-left: 1rem; }

.mv02 .swiper-pagination-bullet-active {
  width: 6rem;
  background-color: #e02a20; }

.mv02 .swiper-fade .swiper-slide {
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, transform !important;
  transition-property: opacity, transform, -webkit-transform !important;
  pointer-events: none; }

.mv02 .swiper-fade .swiper-slide-active {
  pointer-events: auto; }

.mv02 .slide {
  display: grid;
  place-content: center;
  height: 100vh;
  grid-template-columns: 100%; }

.mv02 .slide-media {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.mv02 .slide-media img {
  -webkit-transition: 8.5s 1s linear;
  transition: 8.5s 1s linear;
  -webkit-transform: translateX(-1.5%) scale(1.2);
  transform: translateX(-1.5%) scale(1.2); }

.mv02 .slide-cbox {
  position: absolute;
  left: 8rem;
  bottom: 15%; }

.mv02 .slide-title, .mv02 .slide-text, .mv02 .slide-link {
  -webkit-animation: 2s var(--easing) both;
  animation: 2s var(--easing) both;
  opacity: 0;
  font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }

.mv02 .slide-title {
  letter-spacing: .1em;
  margin-bottom: 30px;
  font-size: 4rem;
  line-height: 1.1;
  color: #FFFFFF;
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }
  .mv02 .slide-title span {
    font-size: 2rem; }
  .mv02 .slide-title strong {
    font-weight: bold; }

.mv02 .slide-text {
  font-size: 1.4rem;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  color: #FFFFFF;
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  padding-right: 8rem; }

.mv02 .slide-text strong {
  font-size: 3.2rem; }

.mv02 .slide-link {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.mv02 .slide-button {
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  color: var(--color-theme); }

.mv02 .slide-button::before {
  display: inline-block;
  width: 6rem;
  height: 1px;
  margin: -2px 1.6rem 0 0;
  content: "";
  vertical-align: middle;
  background-color: currentColor; }

.mv02 .swiper-slide[class*=-active] .slide-media img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translateX(1.5%) scale(1.05);
  transform: translateX(1.5%) scale(1.05); }

.mv02 .swiper-slide.anm-started .slide-title,
.mv02 .swiper-slide.anm-started .slide-text,
.mv02 .swiper-slide.anm-started .slide-link {
  -webkit-animation-name: mv02-fadeIn;
  animation-name: mv02-fadeIn; }

.mv02 .swiper-slide.anm-finished .slide-title,
.mv02 .swiper-slide.anm-finished .slide-text,
.mv02 .swiper-slide.anm-finished .slide-link {
  -webkit-animation-name: mv02-fadeOut;
  animation-name: mv02-fadeOut; }

@-webkit-keyframes mv02-fadeIn {
  0% {
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@keyframes mv02-fadeIn {
  0% {
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-webkit-keyframes mv02-fadeOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
    opacity: 0; } }
@keyframes mv02-fadeOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
    opacity: 0; } }
@media screen and (max-width: 960px) {
  .mv02 {
    margin-bottom: 0; }

  .mv02 .slide-cbox {
    left: 2rem;
    bottom: 20%; }

  .mv02 .slide {
    height: max(100vh, 70vw); }

  .mv02 .slide-title {
    font-size: 2.7rem;
    padding-right: 2rem;
    letter-spacing: 0; }
    .mv02 .slide-title span {
      font-size: 1.6rem; }

  .mv02 .slide-text {
    font-size: 1.4rem;
    margin: 3.2rem 0;
    padding-right: 2rem; }

  .mv02 .slide-text strong {
    font-size: 1.8rem; } }

    /* large title scroll animation */
    .scrolldown {
      position: absolute;
      bottom: 80px;
      right: 50%;
      z-index: 10; }
      @media screen and (max-width: 960px) {
        .scrolldown {
          bottom: 120px; } }

    @keyframes mousemove {
      0% {
        bottom: 10px; }
      50% {
        bottom: 5px; }
      100% {
        bottom: 10px; } }
    .scrolldown span {
      position: absolute;
      left: -18px;
      bottom: -55px;
      color: #eee;
      font-size: 0.7rem;
      letter-spacing: 0.05em; }

    .scrolldown span::after {
      content: "";
      position: absolute;
      top: -55px;
      left: 17.5px;
      width: 1px;
      height: 25px;
      background: #eee;
      opacity: .5;
      animation: mousepathmove 1.4s linear infinite; }
      @media screen and (max-width: 960px) {
        .scrolldown span::after {
          animation: swipemove 1.4s linear infinite; } }

    @keyframes mousepathmove {
      0% {
        height: 0;
        top: -50px; }
      30% {
        height: 35px;
        top: -50px; }
      70% {
        height: 35px;
        top: -50px; }
      100% {
        height: 0;
        top: -15px; } }
    @keyframes swipemove {
      0% {
        height: 0;
        top: -10px;
        opacity: 0; }
      50% {
        height: 20px;
        opacity: 1; }
      100% {
        height: 0;
        top: -45px;
        opacity: 0; } }
    .scrolldown:before {
      content: "";
      position: absolute;
      top: 0;
      left: -10px;
      width: 20px;
      height: 37px;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.5); }




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

.kv-lp__cv {
  margin-top: 8vw;
}
.kv-lp__cv a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.07em;
  color: #fff;
  background-color: #e02a20;
  border-radius: 10px;
  width: 90%;
  font-size: 5.0666666667vw;
  height: 14.6666666667vw;
  /*margin: 0 auto;*/
}
.kv-lp__cv a::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  content: "";
  display: block;
  right: 5.7333333333vw;
  width: 7.4666666667vw;
  height: 7.4666666667vw;
  background-image: url(../images/btnarrow.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .kv-lp__cv {
    margin-top: 3.2942898975vw;
  }
  .kv-lp__cv a {
    max-width: 380px;
    width: 100%;
    font-size: 1.756954612vw;
    height: 5.8565153734vw;
    text-indent: -1em;
    transition: 0.3s;
	float :left;
  }
  .kv-lp__cv a::after {
    right: 1.9765739385vw;
    width: 2.4158125915vw;
    height: 2.4158125915vw;
  }
  .kv-lp__cv:hover a {
    background: #e02a20;
    opacity: 1;
    color: #000;
    transition: 0.3s;
  }
  .kv-lp__cv:hover a::after {
    transform: translateY(-50%) translateX(10px);
    transition: 0.3s;
  }

}
@media screen and (min-width: 1366px) {
  .kv-lp__cv {
    margin-top: 45px;
  }
  .kv-lp__cv a {
    font-size: 24px;
    height: 80px;
  }
  .kv-lp__cv a::after {
    right: 27px;
    width: 33px;
    height: 33px;
  }

}
/******************************************************************************
 * business
*******************************************************************************/
.intro {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 60px;
}
.b-intro-top h2 {
    font-size: 40px;
    font-weight: 600;
    color: #141414;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 15px;
}
.w-cts-index {
    display: block;
    position: relative;
    max-width: 130px;
    color: var(--vls-color-primary-dark);
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    font-weight: 500;
    letter-spacing: .12em;
    line-height: 1;
}
.w-cts-index::after {
    display: block;
    position: absolute;
    top: calc(50% + 1px);
    right: 0;
    height: 1px;
    background-color: var(--vls-color-primary-dark);
    content: '';
}
.w-cts-index + .w-cts-ttl {
    margin-top: 10px;
}
.w-cts-index + .w-cts-ttl-u {
    margin-top: 10px;
}

.w-cts-ttl {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .16em;
    line-height: 1.75;
	font-family: 'Noto Sans JP', sans-serif;
}
.w-cts-ttl-u {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: .16em;
    line-height: 1.75;
	font-family: 'Noto Sans JP', sans-serif;
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e4e5;
}

@media screen and (min-width: 769px) {
.w-cts-index {
    max-width: 180px;
    font-size: 11px;
    font-size: 1rem;
    line-height: 1;
}
.w-cts-index--point::after {
    width: 80px;
}
.w-cts-index + .w-cts-ttl {
    margin-top: 20px;
}
.w-cts-index + .w-cts-ttl-u {
    margin-top: 20px;
}
	
}	

  

@keyframes arw-r {
	0% {
		transform: translateX(0);
		opacity: 1
	}
	50% {
		transform: translateX(100%);
		opacity: 0
	}
	50.1% {
		transform: translateX(-100%);
		opacity: 0
	}
	100% {
		transform: translateX(0);
		opacity: 1
	}
}
.c-arw {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	aspect-ratio: 1/1;
	border-radius: 50%
}
.c-arw::before {
	transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition-property: transform, background;
	box-sizing: border-box;
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	border-radius: 50%
}
.c-arw .arw {
	transition: fill .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	display: block;
	position: relative;
	z-index: 1;
	aspect-ratio: 1/1
}
@media(hover: hover) {
	a:hover .c-arw .arw--r {
		animation: arw-r .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s
	}
}


.p-home-about__more {
	margin-top: 20px;
}
.p-home-about__more .link {
	display: flex;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: #e0e0e0 solid 1px;
	background: none
}
.p-home-about__more .link .ttl {
	transition: transform .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s
}
.p-home-about__more .link .more {
	transition: -webkit-clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-clip-path .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	margin: 0 2.7rem 0 auto;
	font-family: "Figtree", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: .9rem;
	font-weight: 500;
	color : #a6a6a6;
	line-height: 1.2;
	-webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%)
}
.p-home-about__more .link .c-arw {
	width: 4rem
}
.p-home-about__more .link .c-arw::before {
	background: var(--vls-color-primary-dark);
}
.p-home-about__more .link .c-arw .arw {
	width: 1rem;
	fill: #fff
}
@media(hover: hover) {
	.p-home-about__more .link:hover .ttl {
		transform: translateX(2rem)
	}
	.p-home-about__more .link:hover .more {
		animation: home-about-more .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		transition: none;
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
	}
	.p-home-about__more .link:hover .c-arw::before {
		transform: scale(1.23)
	}
}
@media only screen and (max-width: 1023px) {
	
	.p-home-about__more {
		margin-top: 5rem
	}
	.p-home-about__more .link {
		flex-wrap: wrap;
		justify-content: flex-end;
		padding-bottom: 0;
		border-bottom: none
	}
	.p-home-about__more .link .ttl {
		width: 100%;
		margin-bottom: .5rem
	}
	.p-home-about__more .link .ttl .en {
		font-size: 1rem
	}
	.p-home-about__more .link .ttl .ja {
		font-size: 1.4rem
	}
	.p-home-about__more .link .more {
		display: flex;
		align-items: center;
		margin-right: 1.5rem;
		flex-grow: 1;
		font-size: 1rem;
		-webkit-clip-path: none;
		clip-path: none
	}
	.p-home-about__more .link .more::before {
		content: "";
		display: block;
		flex-grow: 1;
		height: 1px;
		margin-right: 1rem;
		background: #e0e0e0
	}
	.p-home-about__more .link .c-arw {
		width: 4rem
	}
	.p-home-about__more .link .c-arw .arw {
		width: 1.3rem
	}
	
}	

@media only screen and (max-width: 1023px)and (hover: hover) {
	.p-home-about__more .link:hover .ttl {
		transform: none
	}
	.p-home-about__more .link:hover .more {
		animation: none;
		-webkit-clip-path: none;
		clip-path: none
	}
}

.js-cliptext .en {
	color : var(--vls-color-primary-dark);
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
	
}

.js-cliptext .ja {
	font-size: 24px;
	font-weight: 600;

}






/*----------------------------------------------------
  .news
--------------------------------------------------- */











/*--- app ---*/
.site-index .information.wrap {
    padding-top: 64px;
}

.site-module.wrap {
    padding: 128px 0;
}
.site-module .flex {
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -o-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.site-index .information .leftside {
    width: 20%;
}
.site-index .information .leftside h3 {
    font-family: Poppins,sans-serif;
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 24px;
}
.site-index .information .leftside a {
    display: inline-block;
    font-weight: 700;
    color: #0a0a0a;
    font-size: 15px;
}

.site-index .information .leftside a i {
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0 12px;
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.site-index .information ol {
    width: 80%;
    height: 200px;
    padding: 0 40px 0 0;
    overflow: auto;
}

.site-index .information ol li {
    border-bottom: #e8e8e8 1px solid;
    padding: 0 0 24px;
    margin: 0 0 24px;
}
.site-index .information ol li a {
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -o-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    color: #0a0a0a;
}
.site-index .information ol li time {
    width: 16%;
}
.site-index .information ol li time {
    display: block;
    font-weight: 600;
}
.site-index .information ol li .category {
    width: 14%;
    font-size: 12px;
    background: #3e88c8;
    color: #fff;
    padding: 2px 0;
    text-align: center;
}
.site-index .information ol li time {
    display: block;
    font-weight: 600;
}
.site-index .information ol li h4 {
    width: 70%;
    font-size: 16px;
    padding: 0 0 0 48px;
}
@media print, screen and (min-width: 769px){
.display-news {
    /*width: 1120px;*/
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
}
}
@media screen and (max-width: 768px){
.site-index .information.wrap {
    padding-top: 24px;
}
.site-module.wrap {
    padding: 40px 15px;
}
.display-news {
    width: auto;
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
}	
.site-index .information .leftside {
    width: 100%;
    position: relative;
}
.site-index .information .leftside h3 {
    font-size: 22px;
}
.site-index .information .leftside a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
}	
.site-index .information ol {
    width: 100%;
    height: 164px;
    padding: 15px;
    border: #e8e8e8 1px solid;
    border-radius: 4px;
}	
.site-index .information ol li {
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.site-index .information ol li a {
    display: block;
}
.site-index .information ol li time {
    float: left;
}
.site-index .information ol li time {
    width: auto;
    margin: 0 16px 0 0;
}	
.site-index .information ol li .category {
    width: 80px;
    font-size: 10px;
    padding: 1px 12px;
    margin: 2px 0 0;
    background: #3e88c8;
}
	
.site-index .information ol li h4 {
    width: auto;
    font-size: 12px;
    padding: 8px 0 0;
    clear: both;
}	
	}

/*----------------------------
  ec
----------------------------*/
#ec {
    background: #fff;
}
#ec .ec-bg {
    display: none;
    background: #000;
}
#ec .ec-bg .rf-inner {
    padding: 0;
}

#ec .ec-bg figure {
    background: #000;
}

#ec .ec-banner {
    display: block;
}
.ec-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.ec-inner img {
    display: block;
    max-width: 100%;
    border-style: none;
    height: auto;
}
@media (min-width: 769px) {
#ec {
    background: #000;
}
#ec .ec-bg {
    display: block;
}
#ec .ec-banner {
    display: none;
}
.ec-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1095px;
}
.ec-section {
    margin-top: 48px;
	margin-bottom: 80px;
}	
}	


/*----------------------------
  top_academy
----------------------------*/
 .sec_ttl .en {
    color: #e02a20;
    font-weight: 700;
    font-size: 24px;
    display: block;
    margin-bottom: 8px;
  }
  .sec_ttl .jp {
    font-size: 11px;
    font-weight: 500;
    display: block;
  }
@media (min-width: 769px) {
  .sec_ttl {
    display: flex;
    align-items: center;
  }
  .sec_ttl .en {
    color: #e02a20;
    font-weight: 700;
    font-size: 32px;
    border-right: 1px solid #BEBEBE;
    padding-right: 30px;
    margin-right: 30px;
    line-height: 35px;
  }
}



 .top_academy {
    background: url(../images/top_academy_sp.jpg) no-repeat center;
    background-size: 100vw;
    height: 162.0666vw;
  }
  .top_academy .inner {
    padding: 0 8vw;
    transform: translateY(84vw);
  }
  .top_academy .sec_ttl {
    margin-bottom: 20px;
  }
  .top_academy p {
    font-size: 3.7333vw;
    line-height: 2;
    width: 76vw;
  }
  .top_academy .btn_main {
    margin: 5.3333vw auto 0 auto;
    width: 140px;
  }
@media (min-width: 769px) {
  .top_academy {
    background: url(../images/top_academy_pc.jpg) no-repeat center;
    background-size: 1600px;
    padding: 10px 0 0px 0;
	  height: 42.0666vw;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .top_academy {
    background-size: 133.3333vw;
    padding: 4.8333vw 0 4.5vw 0;
  }
}
@media (min-width: 769px) {
  .top_academy .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
	transform: translateY(20vw);  
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .top_academy .inner {
    padding: 0 1.6666vw;
  }
}
@media (min-width: 769px) {
  .top_academy .sec_ttl {
    margin-bottom: 30px;
  }
}
@media (min-width: 769px) {
  .top_academy p {
    font-size: 15px;
    line-height: 2.13;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .top_academy p {
    font-size: 1.25vw;
  }
}
@media (min-width: 769px) {
  .top_academy .btn_main {
    margin-top: 40px;
    width: 180px;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .top_academy .btn_main {
    margin-top: 3.3333vw;
  }
}