@charset "utf-8";

html{font-size:16px;}
h1,h2,h3{font-weight:bold;}
img{max-width:100%;height:auto;vertical-align: bottom;image-rendering: -webkit-optimize-contrast;}
body{line-height:1.8;font-family: 'Noto Sans JP', sans-serif;}
a{color:#004098;font-weight:bold;transition: opacity .3s ease-out;}
.roboto{font-family: 'Roboto', sans-serif;}
a:hover{opacity:0.5;}
a > div{transition: opacity .3s ease-out;}
a > div:hover{opacity:0.5;}
header.gnav{display:flex;flex-wrap:wrap;justify-content: space-between;padding:10px 15px;width:100%;z-index:9;}
#h-logo h1,
#h-logo p {
  display: table;
  font-size: 14px;
  line-height:1.5;
  margin-bottom: 0;
}

#h-logo img {
  /* display: table-cell; */
  height: auto;
  width: 90px;
}

#h-logo span {
  display: table-cell;
  padding: 10px 0 0 10px;
  vertical-align: middle;
}

.pc {
  display: block;
}

.sp {
  display: none;
}
nav.pc-menu{padding-right:60px;display:flex;align-items: center;}
.svg-menu img{width:70px;height:auto;}
.svg-menu{display:flex;flex-wrap:wrap;}
.nav-wrapper{display:flex;flex-wrap:wrap;}
.mainvisual{padding:0;position:relative;margin-bottom:60px;}
.mainvisual-img{padding-left:0;padding-right:0;position:relative;display:flex;justify-content: center;align-items:center;background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/bg_mainvisual_pc.jpg") no-repeat;background-size:cover;}
.svg-menu li{padding-left:60px;padding-right:0;color:#004098;font-weight:bold;}
.svg-menu li a{text-decoration:none;}
.main-transparent{width:100%;height:auto;}
.vegas-content{padding:0!important;}
.main-text{position:absolute;top:0;left:8vw;width: 50vw;display:flex;height:100%;align-items:center;}

.mt-0{padding-top:0!important;}

button#gnav{display:none;}

section{padding-bottom:80px;}

h2{margin-bottom:60px;}

h3{font-size:2rem;font-weight:900;line-height:1.5;margin-bottom:30px;}
#voice h4{font-size:2rem;font-weight:900;line-height:1.5;margin-bottom:30px;}

.ttl_small{display:block;position:relative;text-align: center;margin-bottom:40px;}
.ttl_small:after{content:"";display:block;width:49px;height:48px;background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/ttl_icon.png") no-repeat;position:absolute;bottom:-50px;left:0;right:0;margin:auto;}
.ttl_large{display:block;text-align: center;font-size:2rem;font-weight:900;}
.blue_small{font-size:1rem;letter-spacing:0.2px; color:#004098;display:block;font-family: 'Roboto Condensed', sans-serif;}
.blue{color:#004098;}
h3 .blue{display:block;font-family: 'Roboto', sans-serif;font-size:1.85rem;margin-top:5px;}
.blue_btn a{background: #004098;display:table;color:#ffffff;line-height:50px;padding:0 60px;border-radius:25px;border:1px solid #ffffff;box-shadow: 0 0 0 2px #004098;margin:45px auto auto;min-width:350px;text-align: center;text-decoration: none;}

.about-image{order:1;}
.about-text{order:2;padding-left:60px;}
.about-inner .row{align-items: center;}

#feature{background:#e7eff6;padding-top:80px;padding-bottom:0;}
.feature-wrapper{align-items:center;}
.features-image{padding:0;}
.features-image img{width:100%;}
.feature-wrapper:nth-of-type(1) .features-text{order:1;}
.feature-wrapper:nth-of-type(1) .features-image{order:2;}
.features-text{padding:15px;}

#contact{padding-top:80px;}
#contact h2{font-size:2rem;text-align: center;font-weight:900;}

.green_btn a{background: #E5004F;display:table;line-height: 50px;color:#ffffff;padding:0 60px;border-radius:25px;margin:auto;border: 1px solid #ffffff;box-shadow: 0 0 0 2px #E5004F;text-decoration: none;}

.link-box{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/link-area01.png") no-repeat;background-size:cover;min-height:330px;display: flex;justify-content: center;align-items: center;flex-direction: column;position:relative;overflow: hidden;}
.link-box:after{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:-330px;transition: bottom .5s ease-in-out;}
.link-box:hover:after{bottom:0;}
.link-wrapper .col-6:nth-of-type(2) .link-box{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/link-area06.png") no-repeat;background-size:cover;}
.link-wrapper .col-6:nth-of-type(3) .link-box{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/link-area03.png") no-repeat;background-size:cover;}
.link-wrapper .col-6:nth-of-type(4) .link-box{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/link-area04.png") no-repeat;background-size:cover;}
.link-wrapper .col-6:nth-of-type(5) .link-box{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/link-area05.png") no-repeat;background-size:cover;}
.link-wrapper .col-6:nth-of-type(6) .link-box{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/link-area08.png") no-repeat;background-size:cover;}
.link-wrapper .col-6:nth-of-type(7) .link-box{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/link-area07.png") no-repeat;background-size:cover;}
.link-wrapper .col-6:nth-of-type(8) .link-box{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/link-area08.png") no-repeat;background-size:cover;}
.link-box dd img{width:55px;height:55px;}
.link-box dt,.link-box dd{color:#ffffff;font-weight:bold;z-index: 2;}
.link-wrapper .col-6{padding:0;}
.link-wrapper dt{font-size:1.5rem;margin-bottom:15px;filter:drop-shadow(2px 2px 2px #333333);text-decoration: underline;}

.gradient-wrapper{background: #004098;padding:30px;border-radius: 5px;color:#ffffff;margin-bottom:40px;}
.gradient-wrapper h3{font-size:1.5rem;text-align: center;}
.flow-box:not(:last-of-type){margin-bottom:60px;}
.flow-box h4{position:relative;color:#004098;font-weight:bold;margin-bottom:15px;}
.flow-box h4:before{content:"Step1";font-family: 'Roboto Condensed', sans-serif;display:table;background: #004098;color:#ffffff;padding:0 15px;border-radius:5px;margin-bottom:15px;letter-spacing: 3px;}
.flow-box:nth-of-type(2) h4:before{content:"Step2";}
.flow-box:nth-of-type(3) h4:before{content:"Step3";}
.flow-box:nth-of-type(4) h4:before{content:"Step4";}
.flow-box h4:after{content:"";display:block;position:absolute;width:100%;height:1px;border:1px dashed #004098;top:13px;left:0;z-index:-1;}
.flow-box-wrapper{padding:0 30px;}
.flow-box dl{padding-top:30px;}
.flow-box dl dt{font-weight:bold;}
.flow-box dl dd{position:relative;padding-left:1.2em;}
.flow-box dl dd:before{content:"・";position:absolute;left:0;top:0;}
.flow-box .blue_btn a{background: #004098;box-shadow: 0 0 0 2px #004098;padding: 0 30px;min-width:300px;}

.flow-free .gradient-wrapper{background: #1cb8ce;}
.flow-free .flow-box h4:before{background: #1cb8ce;}
.flow-free .flow-box h4:after{border-color: #1cb8ce;}
.flow-free .flow-box h4{color: #1cb8ce;}
.flow-free .flow-box .blue_btn a{background:#1cb8ce;box-shadow: 0 0 0 2px #1cb8ce;}

.flow-box{position:relative;padding-left:120px;}
.flow-box:after{content:"";display:block;width:90px;height:90px;background:url(https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/entry-g-01.png) no-repeat;background-size:cover;position:absolute;left:0;top:0;}
.flow-box:nth-of-type(2):after{background:url(https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/entry-g-02.png) no-repeat;background-size:cover;}
.flow-box:nth-of-type(3):after{background:url(https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/entry-g-03.png) no-repeat;background-size:cover;}

.flow-free .flow-box:nth-of-type(1):after{background:url(https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/entry-b-01.png) no-repeat;background-size:cover;}
.flow-free .flow-box:nth-of-type(2):after{background:url(https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/entry-b-02.png) no-repeat;background-size:cover;}
.flow-free .flow-box:nth-of-type(3):after{background:url(https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/entry-b-03.png) no-repeat;background-size:cover;}
.flow-free .flow-box:nth-of-type(4):after{background:url(https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/entry-b-04.png) no-repeat;background-size:cover;}

.bnr-area{background:#e7eff6;padding-bottom:60px;padding-top:60px;margin-bottom:60px;}
.bnr-area h2{text-align:center;margin-bottom:0;}

.btn-gradient a{display:block;background: linear-gradient(45deg, rgba(0,166,194,1) 0%, rgba(0,117,194,1) 100%);color:#ffffff;font-weight:bold;text-align: center;padding:15px;border-radius:5px;max-width:360px;}

.voice-text-balloon{border:2px solid #004098;position:relative;padding:30px;border-radius: 5px;background:#ffffff;filter:drop-shadow(5px 5px 0 #004098);}
.voice-text-balloon:after{content:"";position:absolute;display:block;width:22px;height:50px;background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/bg_voice_l.svg") no-repeat;background-size:cover;left:-22px;top:60px;}

.insta h2{font-size: 2rem;margin-bottom:15px;position:relative;padding-bottom:15px;}
.insta-image{order:2;padding:0!important;background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/bnr-insta.jpg") no-repeat;background-size:cover;}
.insta-image img{width:100%;height:auto;}
.insta-text{order:1;color:#ffffff;background: #004098;padding:30px 60px;display: flex;flex-direction: column;justify-content: center;}

.insta{padding-bottom:0;}

.news-image img{width:100%;height:auto;}
.news-text .blue_btn a{margin-left:0;min-width:300px;}
.news-box:not(:last-of-type){margin-bottom:60px;}

.voice-box{display:flex;}
.voice-box:not(:last-of-type){margin-bottom:60px;}

.voice-box:nth-of-type(even) .voice-image{order:2;padding-right:0;padding-left:60px;}
.voice-box:nth-of-type(even) .voice-text{order:1;}
.voice-box:nth-of-type(even) .voice-text .voice-text-balloon:after{left:auto;right: -22px;transform:scale(-1 ,1);}

.voice-text{flex:1;}
.voice-image{padding-right:60px;}
.voice-image h3{position:relative;}
.voice-image h3 span{font-weight:bold;font-size:1rem;line-height:30px;color:#004098;display: block;text-align:center;background:#ffffff;border:1px solid #004098;position:absolute;bottom:0;left:0;right:0;margin:auto;border-radius:15px;}
.faq-box:not(:last-of-type){margin-bottom:30px;}

.acMenu{border:2px solid #004098;border-radius:4px;padding:30px;position:relative;}
.acMenu dt{
	cursor:pointer;
	font-size:1.5rem;
	font-weight:bold;
}
.acMenu dt:before{content:"Question";font-size: 1rem;letter-spacing: 0.2px;color: #004098;display: block;font-family: 'Roboto Condensed', sans-serif;}
.acMenu dd:before{content:"Answer";font-size: 1rem;font-weight:bold;letter-spacing: 0.2px;color: #004098;display: block;margin-bottom: 5px;font-family: 'Roboto Condensed', sans-serif;}

.acMenu dt span.text-q{position:relative;}

.acMenu:before{
	display: block;
	content: "";
	position: absolute;
	top:45px;
	right:28px;
	margin:auto;
	width: 20px;
	height: 3px;
	background-color: #004098;
	transition: .2s;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.acMenu:after{
	display: block;
	content: "";
	position: absolute;
	top: 45px;
	right: 15px;
	margin: auto;
	width: 20px;
	height: 3px;
	background-color: #004098;
	transition: .3s;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.acMenu.active:before{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width:30px;
	right:15px;
}
.acMenu.active:after{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width:30px;
	right:15px;
}

.acMenu dd{
	display:none;
	border-top:2px dashed #004098;
	padding-top: 30px;
	margin-top: 30px;
}

.qanda-inner{max-width:800px;}
.faq-box li{position:relative;padding-left:1.2em;}
.faq-box li:before{content:"・";position:absolute;left:0;top:0;}

.faq-attention{margin-top:30px;font-size:0.85rem;}
.faq-attention p{font-weight:bold;margin-bottom:5px;color:red;}

.insta-text-lead{margin-bottom:30px;}
.insta-link a{display: block;line-height: 50px;max-width:300px;background:#ffffff;color:#004098;border: 2px solid #004098;text-align: center;box-shadow: 0 0 0 2px #ffffff;border-radius: 25px;margin-top:30px;text-decoration:none;}

/* #footer  */

#footer {
  background-color: #000;
  clear: both;
  color: #fff;
}

#footer a {
  color: #fff;
}

#f-wrap {
  margin: 0 auto;
  overflow: hidden;
  padding: 80px 0;
  width: 1000px;
}

#f-copyright {
  padding: 10px 0 ;
  text-align: center;
}

.grad-wrap{position:relative;padding-bottom:80px;}

.grad-btn {
	background:#004098;display:table;color:#ffffff;line-height:50px;padding:0 60px;border-radius:25px;border:1px solid #ffffff;box-shadow: 0 0 0 2px #004098;margin:45px auto auto;text-align: center;position:absolute;bottom:0;z-index:9;right:0;left:auto;min-width:210px;transition: opacity .3s ease-out;}
.grad-btn:hover{opacity:0.5;cursor:pointer;}

.grad-btn::before {
  content: "続きを読む"
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 100px; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

.footer-sns-wrapper{display:flex;align-items:center;justify-content: center;padding:30px 0;background:#B5B5B5;}
.footer-sns-wrapper p:first-of-type{margin-right:30px;}
#insta .container-fluid{padding-right:0;padding-left:0;}

@media screen and (min-width: 851px) {
	.about{min-width:990px;}
	.entry{min-width:1060px;}
	.news{min-width:1190px;}
	.feature{min-width:1190px;}
	.insta{min-width:1190px;}
	body{min-width:1190px;}
}

@media screen and (max-width: 980px) {
/*  繝輔ャ繧ｿ繝ｼ #footer  */
	.svg-menu img{width:70px;}
	button#gnav{display:block;}
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background:#004098;}
	.drawer-hamburger	.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{height:5px;}
	.drawer-overlay{background-color: rgba(255,255,255,.7);z-index: 99999;}
	.drawer-nav{background:#222;color:#ffffff;z-index:999999;}
	.drawer-menu li a{display: block;padding:15px 10px;border-bottom:1px solid #404040;color:#ffffff;text-align: center;}
	.svg-menu{justify-content: space-around;max-width:80%;margin:auto;display: none;}
	.nav-wrapper{position:fixed;bottom:0;left:0;background:#ffffff;z-index:99999;}
	.svg-menu li{height:100px;padding-left:5%;padding-right:5%;flex:none;width:25%;padding-top:5px;text-align: center}
	.svg-menu{max-width:inherit;width:80vw;}
	.svg-menu:before{content:"";height:100%;display:block;width:100vw;background:#ffffff;position:absolute;bottom:0;left:0;z-index:-1;box-shadow: 0 0 6px #cccccc;}
	.drawer-hamburger{z-index: 999999;}
	#site_footer{padding-bottom:120px;}
	.link-wrapper dt{font-size:1rem;}
	.about-text-wrapper{display:block;}
	.about-text{margin-bottom:60px;padding-left:15px;}
	.about-left .about-btn{margin-left:60px;}
	.about-right .about-btn{margin-left:120px;}
	.flow-school{margin-bottom:60px;}
}

@media screen and (max-width: 850px) {
	.news-text{margin-bottom:60px;}
	.news-inner .blue_btn a{margin-left:auto;margin-right:auto;}
	.feature-wrapper:nth-of-type(2) .features-text{order:1;}
	.feature-wrapper:nth-of-type(2) .features-image{order:2;}
}

@media screen and (max-width: 767px) {
    .mainvisual-img{background:url("https://oasis-adultschool.com/thestedance/genre1/the_stage/des2022/img/bg_mainvisual_sp.jpg") no-repeat;background-size:cover;}
	html{font-size:14px;}
	.main-text{width:85vw;align-items: flex-start;padding-top: 120px;}
	#h-logo img{width:45px;visibility: hidden}
	.pc {
	  display: none !important;
	}

	.sp {
	  display: block !important;
	}
	h2{margin-bottom:30px;}
	h3{text-align: center;}
	.news{padding-top:30px;}
	.link-box{min-height:180px;}
	section{padding-bottom:60px;}
	.drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:2%;}
	.insta .col-12:nth-of-type(1){order:1;}
	.insta .col-12:nth-of-type(2){order:2;}
	.blue_btn a{min-width:auto;}
	.voice-text-balloon:after{content:none;}
	.acMenu dt{font-size:1rem;}
	.acMenu:before,.acMenu:after{width:12px;}
	.acMenu:before{right:12px;}
	.acMenu:after{right:5px;}
	.acMenu.active:after, .acMenu.active:before{right:5px;}
	.acMenu.active:after,.acMenu.active:before{width:20px;}
	.voice-text-balloon{padding:15px;max-width:95%;margin: auto;}
	.voice-box{flex-direction:column;position:relative;}
	.voice-image{position:absolute;z-index:1;top: 5px;left: 15px;}
	.voice-box:nth-of-type(even) .voice-image{order:1;}
	.voice-image img{max-width:120px;}
	.voice-box:nth-of-type(even) .voice-image{padding-left:0;}
	#voice h4{padding-left:120px;font-size:1.25rem;padding-top:20px;margin-bottom: 50px;min-height:70px;}
	.voice-image h3 span{font-size:0.8rem;}
	.flow-box:after{width: 50px;height: 50px;}
	.flow-box{padding-left:60px;}
	.flow-box-wrapper{padding:0;}
	.flow-box .blue_btn a{font-size:0.85rem;min-width:250px;transform: translate(-10%);}
	.gradient-wrapper h3{font-size:1.25rem;margin-bottom:15px;}
	.gradient-wrapper{padding:15px;}
	#contact h2{font-size:1.5rem;}
	.acMenu{padding:15px;}
	.faq-box:not(:last-of-type) {margin-bottom: 15px;}
	.insta-text{padding:30px 15px;}
	.insta-text-lead{margin-bottom:30px;}
	.grad-btn{left:0;margin:auto;}
	.insta-link a{margin-left:auto;margin-right:auto;}
	.insta h2,.insta-link{text-align:center;}
}
@media screen and (max-width: 500px) {
	.svg-menu li{padding-top:20px;}
}

@media screen and (min-width:1240px) {
	.grad-wrap{padding-bottom:0;}

	.grad-btn {display: none;}

	.grad-item {
	  position: relative;
	  overflow: auto;
	  height: auto;
	}
	.grad-item::before {
	  display: none;
	}
}

#video iframe,
#video01 iframe,
#video02 iframe,
#video03 iframe,
#video04 iframe,
#video05 iframe,
#video06 iframe{
width:800px;
height:450px;
}
.youtube-img-wrapper{
    border:1px solid #cccccc;
    border-radius:5px;
    overflow: hidden;
}
.youtube-img-wrapper img{
    width:100%;
}
.video-modal{
  display: none;
  overflow: hidden!important;
}
.youtube-attention{font-size:12px;text-align: center;margin-top:5px;}
.fancybox-content{padding:0!important;}
video{vertical-align:bottom;}
.fancybox-button svg{background:#ffffff;}
.fancybox-slide--html .fancybox-close-small{right:-9px!important;top:-9px!important;}
.fancybox-button{background:none;}
@media screen and (max-width: 767px) {
    #video iframe,
	#video01 iframe,
	#video02 iframe,
	#video03 iframe,
	#video04 iframe,
	#video05 iframe,
	#video06 iframe{
	width:480px;
	height:270px;
	}
    #youtube .col-12:not(:last-of-type){margin-bottom:30px;}
}

.oshirase-wrapper{flex-direction:column;width: fit-content;margin-left: auto;margin-right: auto;}
.oshirase-box a{display:flex;flex-wrap:nowrap;text-decoration: none;color:inherit;}
.oshirase-wrapper dl{display:flex;flex-wrap:wrap;align-items: center}
.oshirase-wrapper dl{margin-bottom:30px;}
.oshirase-wrapper dl .oshirase-date,.oshirase-wrapper dl .oshirase-cate{margin-right:30px;}
.oshirase-wrapper dl .oshirase-cate{background:#000000;color:#ffffff;font-size:12px;line-height:14px;padding:5px 15px;border-radius:14px;}

.date-cate{display:flex;flex-wrap:wrap;}
@media screen and (max-width: 767px) {
    .oshirase-wrapper dl .oshirase-ttl{width:100%;}
    .date-cate{margin-bottom:5px;}
    .oshirase-wrapper dl .oshirase-date,.oshirase-wrapper dl .oshirase-cate{margin-right:15px;}
    .oshirase-box a{flex-wrap:wrap;}
}

.oshirase-ttl{
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.oshirase-box a, .oshirase-wrapper dl, .oshirase-wrapper{
  max-width: 100%;
}