@charset "UTF-8";

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
最小サイズ 想定端末　iphone SE 縦構え(Portrait）320×568 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*トップイメージ*/


.slick-dots li button:before{
top: 10px !important;
font-size: 10px !important;
}


div#topimage ul.slick-topimage{
margin: 0px;
padding:0.5em 0px 0px 0px;
width: 100vw;
height: 80vh;
list-style-type: none;
box-sizing: border-box;

}



div#topimage ul.slick-topimage li.slick-topimage-in{
width: 100vw;
height: 80vh !important;
display: block;
text-decoration: none;
position: relative;
background-size: cover;
background-position: center center;

}



div#topimage ul.slick-topimage li#top1{
background-image: url("../images/topimage1.jpg");
background-position: left 60%  bottom 95%;
z-index: 500;

}

div#topimage ul.slick-topimage li#top2{
background-image: url("../images/paisajetoledo.jpg");
background-position:center bottom 25%;
z-index: 500;

}

div#topimage ul.slick-topimage li#top3{
background-image: url("../images/clase2.jpg");
background-position: left 30% top 3%;
z-index: 500;

}

div#topimage ul.slick-topimage li#top4{
background-image: url("../images/paisajegranada.jpg");
background-position: left 50% top 0%;
z-index: 500;

}

div#topimage ul.slick-topimage li#top5{
background-image: url("../images/clase3.jpg");
background-position: left 65% top 5%;
z-index: 500;

}

div#topimage ul.slick-topimage li#top6{
background-image: url("../images/clase4_ma.jpg");
background-position: left 30% top 1%;
z-index: 500;
}


div#topimage ul.slick-topimage li.slick-topimage-in p{
position: absolute;
top: auto;
right: 0%;
bottom: 0%;
left: 0%;
z-index: 5000;
color: #3f3d3c;
line-height: 30px;
text-align: center;
}

div#topimage ul.slick-topimage li#top1 p,
div#topimage ul.slick-topimage li#top2 p,
div#topimage ul.slick-topimage li#top3 p,
div#topimage ul.slick-topimage li#top4 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top6 p{
right: 3%;
bottom: 5%;
left: 0%;
font-size: 1.4rem;
line-height: 1.6;
text-align: left;
padding: 10px;
background-color:rgba(244,142,8);
color: white;
width: 48%;
box-sizing: border-box;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

div#topimage ul.slick-topimage li.slick-topimage-in strong{
display: block;
font-size: 2.1rem;
letter-spacing: 0.2em;
}

div#topimage a.scrolltype{
display: none;
}





div#sobrenosotros{
padding:0em 0em 10em;
}
div#sobrenosotros section#historia{
margin-top: 10%;
}

div#sobrenosotros div.historia_p{
padding-top: 2em;
}

div#sobrenosotros section#historia h2{
font-size: 1.4rem;
line-height: 1.6;
text-align: center;
margin: 0px auto;

}

div#sobrenosotros section#historia h2 strong{
display: block;
font-weight: inherit;
font-size: 3.2rem;
line-height: 1.6;
}

div#sobrenosotros section#historia p{
font-size: 1.6rem;
line-height: 1.8;
}


div#sobrenosotros section#historia figure{
width: 100%;
height: auto;
padding: 0px;
margin: 0px auto;
}

div#sobrenosotros section#historia figure img{
width: 100%;
height: auto;
}

div#sobrenosotros section#historia div.ver2{
margin-top: 8%;
}

/*最新情報 SNS*/


h2.informacion{
font-size: 1.4rem;
line-height: 1.6;
text-align: center;
margin: 0px auto;

}

h2.informacion strong{
display: block;
font-weight: inherit;
font-size: 3.2rem;
line-height: 1.6;
}
div#item1{
background-color: #ffffff;
padding: 1em 0.5em 3em 0.5em;

}

div#item1 p{
font-size: 2.1rem;
line-height: 1.6;
text-align: left;
}


div#item1 ul{
list-style-type: none;
overflow: scroll;
height: 300px;
padding: 0px;
	
}

div#item1 ul li{
font-size: 1.6rem;
line-height: 1.6;
padding: 5px;
letter-spacing: 2px;
border-bottom: 1px dotted #000000;
margin-top: 0px;
width: 95%;

}



div#item1 ul li span{
margin-left: 5px;
}

div#item1 ul li time.fecha{
font-weight: 700;
}

div#item1 ul li a{
text-decoration: none;
margin-top: 5px;
display: block;
color: #3F3D3C;
}

div#item1 ul li p{
font-size: 1.6rem;
margin-top: 5px;
color: #3F3D3C;
}

div#item1 ul li a:hover{
text-decoration: underline;
}

div#item1 ul li span small.icon_cut{
display: inline-block;
/*margin-right: 200px;*/
font-size: 1.4rem;
line-height: 1;
letter-spacing: 1px;
font-weight: 500;
color:#FFFFFF;
background-color: #FDBA1A;
border-radius: 8px;
padding: 4px 10px 3px;
}


div#item3{
padding-top: 5%;
}



iframe#fbiframe{
display: block;
width: 100%;
height: 300px;
margin: 0px auto;
border: 0px;
}

/*最新情報 SNSここまで*/

/*選ばれる理由*/
div#eregir{
margin-top: 90px;
box-sizing: border-box;

}

div#eregir p.titulo{
font-size: 1.4rem;
line-height: 1.6;
text-align: center;
color: inherit;
}
div#eregir h2.titulo-main {
font-size: 3rem;
line-height: 1.6;
text-align: center;
}

div#eregir h2.titulo-main strong{
display: block;
font-weight: inherit;
font-size: 3rem;
color: inherit;
}

div#eregir article.razon{
border-top: solid 5px #f7f7f7;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
margin-top: 2em;
padding: 1.5em 1.5em 2em;
}

div#eregir article figure{
width: 15%;
height: auto;
padding: 0px;
margin: 0px auto;
padding-bottom: 2.5em;
}

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

div#eregir article.razon div.title{
padding-bottom: 1em;
}

div#eregir article.razon h2{
font-size: 2.1rem;
line-height: 1.6;
text-align: justify;
font-weight: 600;

}
div#eregir article.razon div.razonex{
font-size: 1.6rem;
line-height: 1.8;
text-align: justify;
}

/*選ばれる理由ここまで*/

/*サムネイル*/




div#thmblist div article.explicacion{
padding: 30px 0px;

}

div#thmblist h2{
font-size:1.4rem;
line-height: 1.8;
text-align: center;
}

div#thmblist h2 strong{
display: block;
font-weight: inherit;
font-size: 2.6rem;
}

div#thmblist p{
font-size: 1.6rem;
line-height: 1.6;
text-align: justify;
margin-bottom: 20px;
}

div.thmblistex{
padding: 10px 30px;

}

div#thmblist div.item{
margin: 3em auto;

}

div#thmblist div.item figure{
width: 300px;
height: auto;
max-width: 100%;
margin: 0px auto;

}


div#thmblist div.item figure img{
width: 100%;
height: auto;

}



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

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

/*選ばれる理由*/

div#eregir h2.titulo-main {
font-size: 3.2rem;
}

div#eregir h2.titulo-main strong{
font-size: 3.2rem;
}

}



/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　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){

.ver1{
left: 20%;
}

div#topimage ul.slick-topimage li.slick-topimage-in strong{
font-size: 2.5rem;
}

div#topimage ul.slick-topimage li#top1 p,
div#topimage ul.slick-topimage li#top2 p,
div#topimage ul.slick-topimage li#top3 p,
div#topimage ul.slick-topimage li#top4 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top6 p{
font-size: 1.6rem;
width: 40%;
}

}




/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 i-phone X, 11 proの縦構え（Portrait)　375×812 px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
@media screen and (min-width:375px) and (min-height:812px){
	
div#topimage ul.slick-topimage{
width: 100vw;
height: 60vh;
}



div#topimage ul.slick-topimage li.slick-topimage-in{
width: 100vw;
height: 60vh !important;

}
div#topimage ul.slick-topimage li#top1{
background-position: left 55% bottom 90%;
}

div#topimage ul.slick-topimage li#top5{
background-image: url("../images/clase3.jpg");
background-position: left 70% bottom 70%;

}

}

/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 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){
.ver1{
left: 30%;
}


div#topimage ul.slick-topimage{
width: 100vw;
height: 90vh;


}

div#topimage ul.slick-topimage li.slick-topimage-in{
width: 100vw;
height: 90vh !important;
}

div#topimage ul.slick-topimage li#top1{
background-position: left 55% bottom 90%
}

div#topimage ul.slick-topimage li#top2{
background-position: left 35% bottom 100%;
}

div#topimage ul.slick-topimage li#top3{
background-position: center top 30%;
}

div#topimage ul.slick-topimage li#top5{
background-position: left 65% bottom 80%;
}

div#topimage ul.slick-topimage li#top6{
background-position: left 60% bottom 70%;

}


div#topimage ul.slick-topimage li#top1 p,
div#topimage ul.slick-topimage li#top2 p,
div#topimage ul.slick-topimage li#top3 p,
div#topimage ul.slick-topimage li#top4 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top6 p{
right: 0%;
bottom: 3%;
left: 0%;
font-size: 1.4rem;
width: 46%;
}

div#topimage a.scrolltype{
position: absolute;
left: 43%;
top:90%;
}

div#topimage a.scrolltype{
display: none;
}

/*当校について*/

div#sobrenosotros{
padding: 0em 0em 8em;
}

div#sobrenosotros section#historia{
margin-top: 8%;
}

div#sobrenosotros section#historia div.historia_p{
width: 100%;
height: auto;
margin: 0 auto;
box-sizing: border-box;
padding: 3em 1em 1em 1em;
}
div#sobrenosotros section#historia div.historia_p_p{
text-align: center;
}
div#sobrenosotros section#historia div.historia_p_p_p{
text-align: left;
}



div#sobrenosotros section#historia p{
padding: 0px;
line-height: 2.1;
}

div.item{
padding: 20px 21%;
}


div#sobrenosotros section#historia div.ver2{
margin-top: 3%;
}

/*クラス最新情報*/
div#item1 ul li{
width: 90%;
}


/*選ばれる理由*/

div#eregir h2.titulo-main {
font-size: 3.2rem;
}

div#eregir h2.titulo-main strong{
display: inline;
font-size: 3.2rem;
}

/*サムネイル*/


div#thmblist div.item{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2em 0em;

}

div#thmblist div.item figure{
width: 300px;;
height: auto;
max-width: 100%;


}

div#thmblist div article.explicacion{
padding: 0px;
margin: 0px auto;
width: 50%;
}

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

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


}


/*

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


}


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

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

div#topimage ul.slick-topimage li.slick-topimage-in strong{
font-size: 3rem;
}

div#topimage ul.slick-topimage li#top1 p,
div#topimage ul.slick-topimage li#top2 p,
div#topimage ul.slick-topimage li#top3 p,
div#topimage ul.slick-topimage li#top4 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top6 p{
right: 3%;
bottom: 3%;
left: 0%;
width: 40%;
font-size: 1.6rem;
}


/*当校について*/

div#sobrenosotros section#historia figure{
padding-top: 0%;
}

div#sobrenosotros div.historia_p{
padding-top: 0em;
}




}

/*

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末 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){


div#thmblist div.item{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2em 0em;

}

div#thmblist div.item figure{
width: 300px;;
height: auto;
max-width: 100%;


}

div#thmblist div article.explicacion{
padding: 0px;
margin: 0px auto;
width: 50%;
}
	

/*選ばれる理由*/

div#eregir article.razon{
width: 48%;
height: 500px;
float: left;
box-sizing: border-box;
padding: 2em 1.5em;
margin: 2em 0em;
overflow: auto;
}



div#eregir article.razon:nth-of-type(odd){
margin-right: 4%;
}


div#eregir article.razon div:first-of-type{
padding: 0% 0% 5%;
}

div#eregir article.razon h2{
padding: 0%;
}
div#eregir article figure{
float: none;
}

div#eregir:after{
content: "";
clear: both;
display: block;
}

div#eregir article.razon div.title{
height: 70px;
}

}


/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
想定端末　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#topimage ul.slick-topimage{
margin: 0px;
width: 100vw;
height: 80vh;
list-style-type: none;
}

div#topimage ul.slick-topimage li.slick-topimage-in{
width: 100vw;
height: 80vh !important;

}


div#topimage a.scrolltype{
position: absolute;
top: 55%;
left: 45%;
}

div#topimage ul.slick-topimage li#top1 p,
div#topimage ul.slick-topimage li#top2 p,
div#topimage ul.slick-topimage li#top3 p,
div#topimage ul.slick-topimage li#top4 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top6 p{
width: 45%;
font-size: 1.8rem;

}


div#topimage ul.slick-topimage li.slick-topimage-in strong{
font-size: 4rem;
}


.ver1{
top: 40%;
}

/*info*/
div#item1 ul li span{
font-size: 1.6rem;
}

/*選ばれる理由*/


div#eregir article.razon{
width: 48%;
height: 530px;
float: left;
box-sizing: border-box;
padding: 2em 1em;
overflow: auto;
}

div#eregir article.razon:nth-of-type(odd){
margin-right: 3%;
}

div#eregir article.razon div.razonex{
padding: 0em 0.5em 0em;
}


div#eregir article.razon div:first-of-type{
padding: 0% 0% 8%;
}

div#eregir article.razon div.title{
height: 52px;
}

div#eregir article.razon h2{
padding: 0%;
}
div#eregir article figure{
float: none;
}

div#eregir:after{
content: "";
clear: both;
display: block;
}

/*サムネイル*/

div#thmblist div.item figure{
width: 300px;
height: auto;
}

div.thmblistex{
padding: 10px 35px;
}



div#thmblist div.item{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2em 0em;

}

div#thmblist div.item figure{
width: 300px;;
height: auto;
max-width: 100%;


}

div#thmblist div article.explicacion{
padding: 0px;
margin: 0px auto;
width: 50%;
}
}

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



div#thmblist div article.explicacion{
margin: 0px 0px 30px;
}

div#eregir article.razon{
padding: 1.5em 1.5em 2em;
}

div#eregir article.razon div.razonex{
padding: 0em;
}





}

/*

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

.ver1_button{
font-size: 1.8rem;
}


}


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

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

div.container-in{
width: 980px;
max-width: 100%;
padding: 0px;
margin: 0px auto;
box-sizing: border-box;
}

div#topimage a.scrolltype{
top: 60%;
}

div#sobrenosotros section#historia{
margin-top: 50px;
}

div#item1 ul{
height: 350px;
}
article#thmblist2 div.info{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}

div#item3{
margin: 2em 0em 0em 4em;
padding-top: 0%;

}


}






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

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

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


div.container-in{
width: 980px;
max-width: 100%;
padding: 0px;
margin: 0px auto;
box-sizing: border-box;
}

/*トップイメージ*/
div#topimage ul.slick-topimage{
margin: 0px;
padding: 0px;
width: 100vw;
height: 80vh;
list-style-type: none;
}

div#topimage ul.slick-topimage li.slick-topimage-in{
width: 100vw;
height: 80vh !important;

}

div#topimage ul.slick-topimage li#top1 p,
div#topimage ul.slick-topimage li#top2 p,
div#topimage ul.slick-topimage li#top3 p,
div#topimage ul.slick-topimage li#top4 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top6 p{
width: 35%;
font-size: 1.8rem;
box-sizing: border-box;

}


div#topimage ul.slick-topimage li.slick-topimage-in strong{
font-size: 4rem;
}



div#topimage a.scrolltype{
position: absolute;
top:70%;
left: 47%;

}

.ver1{
top: 60%;
left: 35%;
}


/*サムネイル*/


div#thmblist div.item{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2em 0em;

}

div#thmblist div.item figure{
width: 300px;;
height: auto;
max-width: 100%;


}

div#thmblist div article.explicacion{
padding: 0px;
margin: 0px auto;
width: 50%;
}


/*info*/
div#item1 ul li span{
font-size: 1.6rem;
}

article#thmblist2{
display: block;
padding: 0px;
}


article#thmblist2 div#item1{
width: 60%;
}


div#sns{
padding-top: 0px;
}

iframe#fbiframe{
height: 400px;
}

div#item1 ul{
height: 350px;
}
article#thmblist2 div.info{
display:-webkit-box;
display:-ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding-top:3em;
}

div#item3{
margin: 2em 0em 0em 4em;
padding-top: 0%;

}


/*選ばれる理由*/

div#eregir article.razon{
width: 48%;
height: 500px;
float: left;
box-sizing: border-box;
padding: 2em 1.5em;
margin: 2em 0em;
overflow: auto;
}


div#eregir article.razon:nth-of-type(odd){
margin-right: 4%;
}


div#eregir article.razon div:first-of-type{
padding: 0% 0% 5%;
}

div#eregir article.razon h2{
padding: 0%;
}
div#eregir article figure{
float: none;
}

div#eregir:after{
content: "";
clear: both;
display: block;
}

div#eregir article.razon div.title{
height: 70px;
}


}


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

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


div#topimage ul.slick-topimage li#top1 p,
div#topimage ul.slick-topimage li#top2 p,
div#topimage ul.slick-topimage li#top3 p,
div#topimage ul.slick-topimage li#top4 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top6 p{
width: 350px;
max-width: 100%;
padding: 20px;
font-size: 1.8rem;
}

}


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

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

.ver1{
left: 40%;
}

.ver1_button{
font-size: 1.8rem;
}



}


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

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





}





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

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

.slick-dots li button:before{
top: 10px !important;
}

div#topimage ul.slick-topimage{
margin: 0px;
padding: 0px;
width: 100vw;
height: 83vh;
list-style-type: none;
}

div#topimage ul.slick-topimage li.slick-topimage-in{
background-size: cover;
background-repeat: no-repeat;
width: 100vw;
height: 83vh !important;
}

div#sobrenosotros section#historia{
margin-top: 60px;
}

section#topimage a.scrolltype{
position: absolute;
top: 80%;
left: 47%;

}



div#sobrenosotros section#historia figure{
width: 35%;
height: auto;
}

div#sobrenosotros section#historia p{
max-width: 100%;

}



.ver1_button:hover{
color: #595751;
}


.ver1{
left: 50%;
top: 63%;
}

/*サムネイル*/

div#thmblist h2 strong{
font-size: 2.1rem;
letter-spacing: 0.2em;
}


div#thmblist div.item{
padding: 2em;
}





/*クラス情報*/

div#item1 strong{
font-size: 2.3rem;
}



/*選ばれる理由*/
div#eregir article.razon{
padding: 2em 3em;
}

div#eregir article.razon{
height: 500px;
}



}

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

div#topimage ul.slick-topimage li#top1 p,
div#topimage ul.slick-topimage li#top2 p,
div#topimage ul.slick-topimage li#top3 p,
div#topimage ul.slick-topimage li#top4 p,
div#topimage ul.slick-topimage li#top5 p,
div#topimage ul.slick-topimage li#top6 p{
width: 500px;
max-width: 100%;
padding: 20px;
font-size: 2.5rem;
}



}


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

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



}