@charset "utf-8";
html{
  /* scroll-behavior: smooth; */
}

:root {
    --color-purple-01:#6361FE;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
}























body {
  font-size:1.5rem;
  line-height: 1.75;
  font-family:"Noto Sans JP",'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
  /* background:url(/wordpress/wp-content/themes/elegant/imgs/audition-lp/bg-body-202412.jpg) no-repeat 0 0 / cover; */
  background:#EDFAFF;
  background-attachment:fixed;
}

a {
  text-decoration: none;
  color:#fff;
}

a:hover {
  text-decoration: none;

}

img {
	vertical-align:bottom;
	display: block;

}



.wrapper {

}

main {
	width:390px;
	box-shadow:0 0 20px #eee;
	position:relative;
	background:#fff;
	margin:auto;
}

.fix-btn01 {
	width:390px;
	position:fixed;
	bottom:0;
	z-index:2;
	/* display:none; */
	padding:0 1.5%;
  animation:scaling 2s infinite;
}

@keyframes scaling {
    0% {
        transform:scale(0.93);
    }
    50% {
        transform:scale(1);
    }
    100% {
        transform:scale(0.93);
    }
}



.sideNav {
	position:fixed;
	top:40px;
	left:32px;
}


.sideNav__logo {
	margin-bottom:24px;
}

.sideNav__qr {
	width:114px;
}

.sideNav__list {
	margin-bottom:40px;
}

.sideNav__list li {
	margin-bottom:18px;
}

.sideNav a {
	transition:.5s;
	display:inline-block;
	padding:2px 5px 0px;
	font-weight:500;
	letter-spacing:1px;
	font-size:1.65rem;
  color:#000;
}

.sideNav a:hover {
	color:#777;
}

.sideNav__active {
	color:#ff0;
}

#media {
  background:#4FBBE6;
	/*background: rgb(61,199,209);
	background: linear-gradient(-180deg, rgba(61,199,209,1) 0%, rgba(99,98,254,1) 100%);*/
	position:relative;
}


#media:before {
  height: calc(60px / 2);
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:#fff;
  transform:rotate(180deg) translateX(50%);
  position:absolute;
  left:50%;
  z-index:2;
  top:-1px;
  display:block;
  content:'';
}



.talent-slider {
    max-width:1100px;
    margin:0 auto;
    padding:0 4%;
}
 
.talent-slider img {
    width:100%;
    height:auto;
    border-radius:10px;
}

.talent-slider .slick-slide {
    margin:0;
}
 

.slick-prev, 
.slick-next {
    position: absolute;
    top: 47%;
    cursor: pointer;
    outline: none;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    height: 15px;
    width: 15px;
}
 
.slick-prev {
    left: 8%;
    transform: rotate(-135deg);
    z-index: 2;
}
 
.slick-next {
    right: 8%;
    transform: rotate(45deg);
    z-index: 2;
}

 
.slick-dots {
    text-align:center;
    margin:12px 0 0 0;
    border:none !important;
}
 
.slick-dots li {
    display:inline-block;
    margin:0 5px;
      border:none !important;
}
 
.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;

}
 
.slick-dots .slick-active button{
    background:#ff0;
}


.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}



/*
.triangle {
  height: calc(60px / 2);
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:#f00;
  transform:rotate(180deg) translateX(50%);
  position:absolute;
  left:50%;
  z-index:2;
}
*/

#support {
	position:relative;
}

#support:before {
  height: calc(60px / 2);
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:#4FBBE6;
  transform:rotate(180deg) translateX(50%);
  position:absolute;
  left:50%;
  z-index:2;
  top:-1px;
  display:block;
  content:'';
}


#flow {
	background: rgb(61,199,209);
	background: linear-gradient(-180deg, rgba(61,199,209,1) 0%, rgba(99,98,254,1) 100%);
	position:relative;
}

#flow:before {
  height: calc(60px / 2);
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:#fff;
  transform:rotate(180deg) translateX(50%);
  position:absolute;
  left:50%;
  z-index:2;
  top:-1px;
  display:block;
  content:'';
}



.flow-04 {
	background:#de79a5;
	position:relative;
}

.flow-04:before {
  height: calc(60px / 2);
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:#6362fe;
  transform:rotate(180deg) translateX(50%);
  position:absolute;
  left:50%;
  z-index:2;
  top:0px;
  display:block;
  content:'';
}

#conditions {
	position:relative;
}


#conditions:before {
  height: calc(60px / 2);
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:#de79a5;
  transform:rotate(180deg) translateX(50%);
  position:absolute;
  left:50%;
  z-index:2;
  top:0px;
  display:block;
  content:'';
}

#faq {
	position:relative;
	background:#e9f6fe;
	padding-bottom:30px;
}


#faq:before {
  height: calc(60px / 2);
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background:#fff;
  transform:rotate(180deg) translateX(50%);
  position:absolute;
  left:50%;
  z-index:2;
  top:0px;
  display:block;
  content:'';
}



.grecaptcha-badge { visibility: hidden; }





.hover {
	opacity:1;
	transition:.5s;
}

.hover:hover {
	opacity:0.9;
}

.ac {
margin-bottom:10px;
}

.ac dt {
cursor: pointer;
}

.ac dt img {
width: 100% !important;
height: auto;
}

.ac .wrap_btn .btn {
width: auto;
top: 0;
left: 0;
bottom:20%
}

.ac dd,
.ac .wrap_btn .btn.cls {
display: none;
}

.ac .wrap_btn.open .btn.opn {
display: none !important;
}

.ac .wrap_btn.open .btn.cls {
display: inline !important;
}

.ft {
	padding:50px 0 0;

	margin:auto;
	color:#fff;
	background:#6EBFF6;
}

.ftLogo {
	width:40%;
	display:block;
	margin:auto;
}

.ft ul {
	display:flex;
	justify-content:center;
	padding-top:20px;
}

.ft a {
	color:#fff;
	text-decoration:none;
	font-size:1.1rem;
	padding:0 1em;
}

.copy {
	text-align:center;
	font-size:1rem;
	letter-spacing:0.5px;
	padding:10px 0 80px;
	background:#000;
	margin-top:30px;
}


@media screen and (max-width:840px) {
main {
	width:100%;
}

.sideNav {
	display:none !important;
}

.fix-btn01 {
	width:100%;
	padding:0 10%;
}

.hover:hover {
	opacity:1;
}
}

@media screen and (max-width: 480px) { 
.fix-btn01 {
	width:100%;
	padding:0 2.5%;
}








}