@charset "UTF-8";
/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
最小サイズ 想定端末　iphone SE 縦構え(Portrait）320×568 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/




/*講師紹介ここから*/

div#profesores figure{
max-width: 100%;
width: 40%;
height: auto;
margin: 0px auto;
padding: 0px 10px 10px 0px;
float: left;

}

div#profesores figure img{
width: 100%;
height: auto;
}

div#profesores article.profesor-contenido{
margin-top: 30px;
padding: 0.5em 1em;
margin: 3em 0;
border-top: solid 5px #f6f6f6;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
box-sizing: border-box;

}

div#profesores article.profesor-contenido h2{
font-size: 1.6rem;
line-height: 1.6;
text-align: left;
}

div#profesores article.profesor-contenido p.titulo,
div#profesores article.profesor-contenido p.lugar,
div#profesores article.profesor-contenido p.contenido_ja{
font-size: 1.6rem;
line-height: 1.6;
text-align: justify;
padding-top: 5px;
}
div#profesores article.profesor-contenido p.contenido_es{
font-size: 1.4rem;
line-height: 1.6;
word-break: break-word;
text-align: left;
letter-spacing: 2px;
padding-top: 5px;
}
div#profesores article.profesor-contenido div::after{
content: "";
display: block;
clear: both;
}

/*Tallerについて*/

div.taller{
margin-top: 8%;
}


div.taller article h2{
font-size: 1.8rem;
line-height: 2.1;
font-weight: 600;
text-align: center;
background-color: rgba(244,142,8,1);
color: #ffffff;
box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 19%);
border-radius: 0px 5px 5px 0px;

}


div.taller article div{
padding: 5% 0% 5%;
}




div.taller article p{
font-size: 1.6rem;
line-height: 1.8;
text-align: justify;
}

div.taller article figure{
max-width: 100%;
width: 80%;
height: auto;
margin: 0px auto;


}

div.taller article figure img{
width: 100%;
height: auto;
}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　小型Androidの縦構え（Portrait)　360×640 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (min-width:360px){





}



/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　Zen Pone Androidの縦構え（Portrait)　360×720 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width:360px) and (min-height:720px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone6〜8の縦構え（Portrait)　375×667 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px){

div#profesores article.profesor-contenido h2{
font-size: 1.8rem;
	}

	
div#profesores article.profesor-contenido p.titulo, 
div#profesores article.profesor-contenido p.lugar, 
div#profesores article.profesor-contenido p.contenido_ja,
div#profesores article.profesor-contenido p.contenido_es{
font-size: 1.6rem;
line-height: 1.8;
	}
	
div.taller article h2{
font-size: 2.1rem;
	}
div.taller article p{
font-size: 1.6rem;
	}
}




/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone X, 11 proの縦構え（Portrait)　375×812 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px) and (min-height:812px){





}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Xperia Androidの縦構え（Portrait)　412×732 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:412px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　One S5 (Androidの縦構え（Portrait)　412×892 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:412px) and (min-height:892px){





}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone XR, 11 XsMaxの縦構え　414×896 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:414px){





}






/*
↑ここまでスマホ縦（portrait)
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからスマホ横（Landscape)
*/

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone SEの横構え（Landscape) 568×320 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:568px){

div#profesores figure{
width: 30%;
padding: 0px 50px 10px 0px;
	}
	
div#profesores article.profesor-contenido{
padding: 40px 50px 10px;
	}
	
div#profesores article.profesor-contenido p.titulo,
div#profesores article.profesor-contenido p.lugar,
div#profesores article.profesor-contenido p.contenido_es{
padding-top: 5px;
	}
	
div#profesores article.profesor-contenido p.contenido_es{
font-size: 1.4rem;
	}

div#profesores article.profesor-contenido p.contenido_ja{
padding-top: 15px;
	}
	


div.taller article{
padding: 0%;
}
	
div.taller article h2{
margin-bottom: 1.5em;
	}
	
div.taller article div:first-of-type{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 0px auto;
padding:0% 5%;
box-sizing: border-box;
}

div.taller article figure{

padding-right: 3%;
width: 80%;
height: auto;
	}
}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 小型のAndroidの横構え（Landscape)  640×360 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:640px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone6〜8の横構え（Landscape)  667×375 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:667px){
	


div#profesores figure{
padding: 0px 75px 10px 0px;
	}
	
div#profesores article.profesor-contenido{
padding: 40px 70px 10px;
	}

	
div#profesores article.profesor-contenido p.contenido_es{
font-size: 1.6rem;
	}

}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Zen Phoneの横構え（Landscape) 720×360px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:720px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 Xperiaの横構え（Landscape) 732×412px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:732px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 X Xs, 11proの横構え（Landscape) 812×375px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:812px){
/*
section.explicacion{
padding: 15px 30px;
	}
*/
	
div#profesores figure{
padding: 0px 90px 10px 0px;
}
div#profesores article.profesor-contenido{
padding: 40px 90px;
	}
	


}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　One S5 androidの横構え（Landscape)　892×412 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:892px){





}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i phone XR, 11 XsMaxの横構え（Landscape) 896×414px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:896px){





}


/*
↑ここでスマ横構え
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからタブレット縦構え
*/
/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad 9.7 inch, 10.2 inchの縦構え（Portrate) 768×1024px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:768px) and (orientation:portrait){


div#profesores article.profesor-contenido{
padding: 40px 60px 30px;
	}
	


}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad Air, ipad pro 10.5 inchの縦構え（Portrate) 834×1112px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){

div.taller article p{
line-height: 2.1;
font-size: 1.8rem;
	}
	
div.taller article figure{
width: 60%;
height: auto;
	}
	
}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 11inchの縦構え（Portrate) 834×1169px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:834px) and (orientation:portrait){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 12.9inchの縦構え（Portrate) 1024×1366px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1024px) and (orientation:portrait){

div#profesores article.profesor-contenido{
margin: 5em auto;
	}

div#profesores figure{
width: 20%;
height: auto;
	}
}



/*
↑こまでタブレット縦
ーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからタブレット横
*/


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad 9.7inch, 10.2inchの横構え（Landscape) 1024×768px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1024px) and (orientation: landscape){

div#profesores figure{
width: 20%;
height: auto;
	}

div.taller article figure{
width: 60%;
height: auto;
	}



}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad Air, i pad pro 10.5inchの横構え（Landscape) 1112×834px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1112px){
	


	
div#profesores figure{
padding: 0px 130px 30px 0px;
	}

div#profesores article.profesor-contenido h2{
font-size: 2.1rem;
	}

div.taller article h2{
font-size: 2.3rem;
}

div.taller article figure{
padding-right: 5%;
	}

	


}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 11inchの横構え（Landscape) 1169×834px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/


@media screen and (min-width:1169px){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i pad pro 112.9inchの横構え（Landscape) 1366×1024px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1366px){




}




/*
↑ここまでタブレット横
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
↓ここからPC=マウスポインターがあるという前提、hoverの発想あり
*/

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　小型のモニター幅 1367px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1367px){


}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　中型のモニター幅 1440px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:1440px){




}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 　大型のモニター幅 1920px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

@media screen and (min-width:1920px){




}