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

.navi_title {
  align-self: center;
  font-family: "UniversNextPro-BoldCond";
  margin: 15px 0px 10px 0px;
  font-size: 1.8rem;
}
.ctn_title {
  align-self: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 0px 60px 0px;
  font-size: 3rem;
}
.ctn_title_s {
  align-self: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  margin: 0px 0px 60px 0px;
  font-size: 2rem;
}

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


#top_area_mv  {

  width: 100%;
  min-height: 0%;
}



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




.main_img_area {

  display: flex;
	  flex-direction: column;
	flex-wrap: wrap;
width: 100%;  
  	height: 40vw;  
	overflow: hidden;
	max-height: 600px

}
.world_01 {
  background: url(../../world/images/world_01.jpg) no-repeat right center;
 background-size: contain;
}
.world_02 {
  background: url(../../world/images/world_02.jpg) no-repeat left center;
 background-size: contain;
}
.world_03 {
  background: url(../../world/images/world_03.jpg) no-repeat right center;
 background-size: contain;
}
.world_04 {
  background: url(../../world/images/world_04.jpg) no-repeat right center;
 background-size: contain;
}

.title_base {
	

  display: flex;
  align-items: center;
background-color: #fff;
  font-family: "FP-ヒラギノ明朝 ProN W3";
border: #999 1px solid;
}



.title_txt {
	text-align: left;

}

.title_base_01, .title_base_03 {

  margin: 0vw 0vw 0vw 0vw;
  width: 30vw;

align-self: flex-start;
  padding: 3rem;


  font-size: calc(1.6rem + 0.4vw);
  line-height: calc(3.6rem + 0.4vw);
}

.title_base_02 {
align-self: flex-end;
  margin: 0vw 3vw 3vw auto;
  width: 35vw;

  padding: 3rem;
  font-size: calc(1.6rem + 0.4vw);
  line-height: calc(3.6rem + 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: 1vw 0vw 0vw 0vw;
  width: 25vw;


}


.time_mv02 {
	align-self: flex-end;
  margin: 1vw 1vw 0vw 0vw;
  width: 25vw;


}








.hr_02 {
  width: 80px;
  margin: 80px auto 80px auto;
}
a.b_biginner{
  width:80%;
	  margin: 0px auto 30px  auto;
  display: flex;
  justify-content: center;
  padding: 2rem 1rem 2rem 1rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;  font-family: "FP-ヒラギノ角ゴ ProN W6";
  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;
}