@charset "UTF-8";
/* CSS Document */

h1 { 
    font-family: 'Noto Sans SC', sans-serif;
    letter-spacing: 0.3em;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2em;
    margin: 0px auto;
	color: #4733ff;
}
h2 { 
    font-family:'Noto Sans SC', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 500; 
    font-size: 24px;
    line-height: 1.5em;
    margin: 0px auto 50px auto;
	color: #4733ff;
}
h3 { 
    font-family:'Noto Sans SC', sans-serif;
    letter-spacing: 0.3em;
    font-weight: 800; 
    font-size: 70px;
    line-height: 0.9em;
    margin: 0px auto;
}
h5 { 
    font-family:'Noto Sans SC', sans-serif;
    letter-spacing: 0.3em;
    font-weight: 500; 
    font-size: 15px;
    line-height: 1.5em;
}
p{ 
    font-family:'Montserrat', sans-serif;
    letter-spacing: 0.05em;
    font-weight: 200;
    line-height: 2.3em;
}

p.content_text { 
    font-family:'Noto Sans SC', sans-serif;
    letter-spacing: 0.05em;
    font-weight: 300;
    font-size: 16px;
    line-height: 2.3em;
	text-align: justify;
}
.head_langue_text{
	margin: 0px 7px 0px 0px ;
    font-family:'Noto Sans SC', sans-serif;
    font-size: 9pt;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-decoration: none;
    color: white;
}
.head_langue_text:hover{
    color: #ff8377;
}
.title_a{ 
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 40px;
    line-height: 1em;
    margin: 0;
}
.title_b{ 
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.05em;
    font-weight: 300;
    font-size: 30px;
    line-height: 1em;
    margin: 0;
}
.title_c{ 
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.05em;
    font-weight: 800;
    font-size: 100px;
    line-height: 1em;
    margin: 0;
}
.lesson{ 
    font-family:'Noto Sans SC', sans-serif;
    letter-spacing: 0.05em;
    font-weight: 800;
    font-size: 30px;
    line-height: 1em;
}
.lesson_category{ 
    font-family:'Noto Sans SC', sans-serif;
    letter-spacing: 0.15em;
    font-weight: 300;
    font-size: 25px;
    line-height: 1em;
}
.tarif{ 
    font-family:'Montserrat', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 600;
    font-size: 35px;
    line-height: 1em;
}
.text_info{ 
    font-family:'Montserrat', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 400;
    font-size: 20px;
    line-height: 2.5em;
}

/*---------BOUTTON---------*/
.btn_1, .btn_3 {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-family: 'Noto Sans SC', sans-serif;
    font-weight: 300;
    letter-spacing: 0.2em;
    padding: 20px;
    text-decoration: none;
    outline: none;
 } 
.btn_1 {
    border: 1px solid #a59eff;
    color: #a59eff;
    margin: 0px;
 } 
.btn_1:hover {
  color: #4733ff;
  border: 1px solid #4733ff;
  transition: 0.5s;
}
.btn_3 {
  color: #4733ff;
  border: 1px solid #4733ff;
  transition: 0.5s;
  background-color: white;
  margin: 10px;
 } 
.btn_3:hover {
	color: white;
	border: 0px ;
    background-color:#BEB7FF;
	transition: 0.5s;
}
.text_petit{ 
    font-family:'Montserrat', sans-serif;
    letter-spacing: 0.18em;
    font-weight: 500;
    font-size: 10px;
    margin: 0px;
}
.btn_2 {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin: 0px;
    padding: 30px;
    text-decoration: none;
    outline: none;
	color: white;
 } 
.btn_2 {
    background-color: #00ff6a;
 } 
.btn_2:hover {
    background-color: #a59eff;
	transition: 0.5s;
}

/*---------BOUTTON/LESSON---------*/

.btn_4{
	color: red;
  background: transparent;
  width: 48%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  transition: .3s;
  

}
.btn_4::before,
.btn_4::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  transition: transform ease .3s;
}
.btn_4::before {
  right: -60px;
  border-right: 60px solid transparent;
  border-bottom: 280px solid #00ffb6;
  transform: translateX(-100%);
}
.btn_4::after {
  left: -60px;
  border-left: 60px solid transparent;
  border-top: 280px solid #00ffb6;
  transform: translateX(100%);
}
.btn_4:hover {
  color: #a59eff;
}
.btn_4:hover::before {
  transform: translateX(-49%);
}
.btn_4:hover::after {
  transform: translateX(49%);
}



/*---------COLOR---------*/
.text_blue { 
    color: #4733ff;
}
.text_white { 
    color: white;
    text-decoration: none;
}
.text_black { 
    color: black;
}


/*-----------------SP size-----------------*/ 

@media screen and (max-width:500px){
  /*---menu PC display-none--*/ 

h1 { font-size: 30px;} 
h2 { font-size: 18px; letter-spacing: 0.1em;}  	
h3 { font-size: 30px; letter-spacing: 0.1em;}  
.title_c{ font-size: 50px;}	
.title_b{ font-size: 20px;
}	
.tarif{ font-size: 25px;}	
.btn_4{
  width: 90%;
}	
	
}