@charset "UTF-8";
/* CSS Document */
main {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 60px 0px 0px 0px;
  z-index: 1;

}
.sq_mgn_02 {
  margin-top: -130px;
  padding-top: 130px;
}

.navi_title {
  text-align: center;
  font-family: "UniversNextPro-BoldCond";
  margin: 20px 50px 10px 50px;
  font-size: 1.4rem;
}

.ctn_title {
  text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 50px 15px 50px;
  font-size: 2rem;
  line-height: 2.4rem;
}
.ctn_title_s {
  text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 50px 15px 50px;
  font-size: 1.8rem;
}

/*--------------------------*/

#top_area_mv  {

  width: 100%;
	background-color: #000;
	margin-top: 20px;
	padding:7vh 0
}

.world_contents {
  min-height: 0%;
	align-self: center;  
	overflow: hidden;
	width: 96vw
}




.main_img_area {
  display: flex;
		  flex-direction: column;
	flex-wrap: wrap;
	width: 100%;  
  	height: 100vw;
	overflow: hidden;
}
.world_01 {
  background: url(../../world/images/world_01.jpg) no-repeat center center;
 background-size: cover;
}
.world_02 {
  background: url(../../world/images/world_02.jpg) no-repeat center center;
 background-size: cover;
}
.world_03 {
  background: url(../../world/images/world_03.jpg) no-repeat center center;
 background-size: cover;
}
.world_04 {
  background: url(../../world/images/world_04.jpg) no-repeat center center;
 background-size: cover;
}

.title_base {
  overflow: hidden;
  display: flex;
  align-items: center;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
  font-family: "FP-ヒラギノ明朝 ProN W3";

}

.title_txt {
	text-align: left;
  
}


.title_base_01, .title_base_03,.title_base_02 {
  margin:  1.5vw 3vw  0vw 3vw;
align-self: flex-start;
  padding: 1.5rem;
  font-size: calc(1.6rem + 0.4vw);
  line-height: calc(2.8rem + 0.4vw);
}


.fade_item {
  opacity: 0;
  margin-left:100%;  	
  transition: 1s;
}
.item_ap {
  margin-left: 0%;  	
  opacity: 1;
}

.fade_item_02 {
  opacity: 0;
 transform: translateY(50px);
  transition: 2s;
}
.item_ap_02 {
 transform: translateY(0px);
  opacity: 1;
}



.time_mv01,.time_mv03 {
  margin:  3vw 3vw  0vw 3vw;
  width:36vw;
  opacity: 0.9;

}


.time_mv02 {
	align-self: flex-end;
  margin:  3vw 3vw  0vw 3vw;
  width:36vw;
  opacity: 0.9;
}


.hr_02 {
  width: 80px;
  margin: 60px auto 60px auto;
}
a.b_biginner {
	  width:90%;
	  margin: 0px auto 20px  auto;
  align-self: stretch;
  display: flex;
  justify-content: center;
  padding: 2rem 1rem 2rem 1rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
  border: #000 1px solid;
  cursor: pointer;
  text-decoration: none;	background: url("../../images/b_arr.svg")  center right / 30px 50px no-repeat;
}
a.b_biginner:hover {
  border: #666 1px solid;
  text-decoration: none;
}