/*
メインビジュアル
*/
#mainslider{
	width:100%;
	/*1920 x 1160 2378 => 1.2385*/
	height:calc( 0.471354 * 100vw );
	margin: 0;
    padding: 0;
    position: relative;
}
#mainslider .slick-list{ height: 100%; }
#mainslider img { position: absolute; }
.copytxt{
	position: absolute;
    top: 5.89583vw;
    left: 0px;
    color: #fff;
    z-index: 10000;
    font-size: 2.604vw;
    font-weight: bold;
    line-height: 1.2;
    background: linear-gradient(270deg, rgba(0,0,0,0),rgba(0,0,0,1));
    width: 60%;
    padding: 1.0416vw 2.0833vw;
}
.copyKB{
	position: absolute;
    top: 24.1667vw;
    left: 2.0833vw;
    z-index: 10200;
}
.copyKB img{
	width:61.667vw;
}
.btn500 {
	position: absolute;
	top:34.54166vw;
    left: 2.0833vw;
    z-index: 10000;
}
.btn500 img{
	width:24.6875vw;
}
.w-100 { width:100%; }

.imgm{
  margin: 0;
  padding: 0;
}
img.dk {
	position: absolute;
	z-index: 10000;
	width:100%;
}
#mainvisual{
	position: relative;
	height:46.667vw;
}
#mainvisual p {
	position: absolute;
    bottom: 0;
    right: 0.5208vw;
    z-index: 10100;
}
#sp500 { display:none; }
/*
トレーニング紹介
*/
#training{
	position: relative;
}
#training .ttlbox{
	height: 160px;
}
#training h2{
    color:#fff;
    font-size:40px;
    text-align:center;
    margin-top: 70px;
}
#training h2 span{
	display: block;
	font-size:14px;
}
#training a.seeall{
	position: absolute;
	top:10px;
	right:140px;
	line-height: 1;
    font-weight: bold;
    text-align: center;
    border: solid 2px #fff;
    width: 260px;
    padding: 12px 20px;
    margin: 0 10px;
    transition: opacity .2s, visibility .2s, background .2s;
    text-decoration: none;
    border-radius: 25px;
    color:#fff;
}
#training a.seeall::after{
    content: '';
    --icon_color: currentColor;
    --icon_size: 0.7em;
    --border_width: 1px;
    display: inline-block;
    width: var(--icon_size);
    height: var(--icon_size);
    border: solid var(--border_width) var(--icon_color);
    border-top: 0;
    border-left: 0;
    transform: translateX(-25%) rotate(-45deg) skew(8deg, 8deg);
    margin-left: 1.6em;
}
.multiple, .multiple1, .multiple2 {
  margin: 0;
  padding: 0;
}
.multiple img, .multiple1 img, .multiple2 img {
  width: 100%;
}
.multiple div, .multiple1 div, .multiple2 div{
  margin: 0;
}
.multiple .slick-next, .multiple1 .slick-next, .multiple2 .slick-next {
  right: 17px;
  z-index: 100;
}
.multiple .slick-prev, .multiple1 .slick-prev, .multiple2 .slick-prev {
  left: 23px;
  z-index: 100;
}
.slick-dots{
	display: none!important;
}
.slick-dotted.slick-slider{
	margin-bottom: 0px;
}

/*
トレーナー紹介
*/
#trainer{
	position: relative;
}
#trainer .ttlbox{
	height: 160px;
}
#trainer h2{
    color:#fff;
    font-size:40px;
    text-align:center;
    margin-top: 70px;
}
#trainer h2 span{
	display: block;
	font-size:14px;
}
#trainer a.seeall{
	position: absolute;
	top:10px;
	right:140px;
	line-height: 1;
    font-weight: bold;
    text-align: center;
    border: solid 2px #fff;
    width: 260px;
    padding: 12px 20px;
    margin: 0 10px;
    transition: opacity .2s, visibility .2s, background .2s;
    text-decoration: none;
    border-radius: 25px;
    color:#fff;
}
#trainer a.seeall::after{
    content: '';
    --icon_color: currentColor;
    --icon_size: 0.7em;
    --border_width: 1px;
    display: inline-block;
    width: var(--icon_size);
    height: var(--icon_size);
    border: solid var(--border_width) var(--icon_color);
    border-top: 0;
    border-left: 0;
    transform: translateX(-25%) rotate(-45deg) skew(8deg, 8deg);
    margin-left: 1.6em;
}
#trainer .trainer-list{
	margin: 0;
    padding: 0;
    position: relative;
	display: flex;
    height: 640px;
}
#trainer .trainer-list li{
	width: 33.33%;
}
#trainer .trainer-list li img{
	width: 33.33%;
	position: absolute;
	z-index:100;
}
#trainer .trainer-list li p{
	position: absolute;
    z-index: 110;
    color: #fff;
    font-size: 50px;
    text-align: center;
    width: 33.3%;
    top: 360px;
    font-weight: 700;
}
#trainer .trainer-list li span{
	position: absolute;
    z-index: 110;
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 33.3%;
    top: 360px;
}
@media screen and (max-width: 1600px){
	#training .ttlbox{ height: 10vw; }
	#training h2{ font-size:2.5vw; margin-top: 4.38vw; }
	#training h2 span{ 0.88vw; }
	#training a.seeall{ top:0.63vw; right:8.75vw; width: 16.25vw; padding: 0.75vw 1.25vw; margin: 0 0.63vw; border-radius: 1.56vw; }
	#trainer .ttlbox{ height: 10vw; }
	#trainer h2{ font-size:2.5vw; margin-top: 4.38vw; }
	#trainer h2 span{  0.88vw; }
	#trainer a.seeall{ top:0.63vw; right:8.75vw; width: 16.25vw; padding: 0.75vw 1.25vw; margin: 0 0.63vw; border-radius: 1.56vw; }
	#trainer .trainer-list{ height:40vw; }
	#trainer .trainer-list li p{  font-size: 3.13vw; top: 22.5vw; }
	#trainer .trainer-list li span{ top:22.5vw; font-size:1.88vw; }
}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 640px){
	#overlay { left: 0; }
	#mainvisual p { font-size:12px; margin: 0; }
	.copytxt { font-size: 16px; width: 100%; }
	.copyKB { top: 110px; }
	.copyKB img { width: 96%; }
	.btn500 { display: none; }
	#sp500 { display: block; text-align: center; margin: 20px auto; }
	#sp500 img { width: 90%; }
	#training h2 { font-size:30px; width: 100%; }
	#training .ttlbox { height: 120px; text-align: center; }
	#training a.seeall { position: static; display: inline-block; width: 150px; border-radius: 30px; margin: 20px 0px; }
	#trainer h2{ font-size:30px; width: 100%; }
	#trainer .ttlbox { height: 120px; text-align: center; }
	#trainer a.seeall { position: static; display: inline-block; width: 150px; border-radius: 30px; margin: 20px 0px; }
	/*
	#trainer .trainer-list { display: block; height: auto; margin: 0; padding: 0; position: relative; }
	#trainer .trainer-list li { width: 90%; margin: auto; position: relative; list-style: none; }
	#trainer .trainer-list li img { width: 90%; }
	#trainer .trainer-list li span { position: absolute; top: 200px; font-size: 20px; display: block; width: 100%; text-align: center; }
	#trainer .trainer-list li p {  position: absolute; top: 200px; font-size: 40px; display: block; width: 100%; text-align: center; }
*/
}
/*
他メニュー
*/
#fmenu{
	position: relative;
	padding: 0 10%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
#fmenu a{
	width: 38.02083vw;
    display: inline-block;
    padding-top: 8.333vw;
    text-align: center;
    padding-bottom: 8.333vw;
    border: 2px solid #fff;
    background: repeating-linear-gradient(-45deg, #2B2C2D, #2B2C2D 2px, #121314 2px, #121314 12px);
}
#fmenu a{
    color:#fff;
    font-size:2.083vw;
    text-align:center;
    margin-top: 3.64583vw;
    text-decoration: none;
}
#fmenu a span{
	display: block;
	font-size:0.72916vw;
}