@charset "UTF-8";


html{
background-color: rgb(153, 255, 255);
}
body{
display: flex;
}



div{
width: 55px;
margin: 45px auto 0 15px;
}
div a{
margin: 0;
padding: 0;
text-decoration: none;
}

div nav{
margin-bottom: 20px;

}
div nav h3 img{
width:65px;
height: auto;
}
div nav h4 img{
width:65px;
height: auto;
}
div nav h9 img{
margin-top: 20px;
width: 65px;
}
/*
div nav h3{
background: linear-gradient(red, yellow);
color:rgba(11,61,209,1.00);
font-weight: 800;
font-size: 10px;
text-align-last: center;
width:56px;
height:18px;
margin: 0 0 1px 0;
padding: 2px;
border: solid 3px rgba(255,214,199,1.00);
border-radius: 3px;
}
div nav h3 em{
font-size: 7px;
}

div nav h4{
background: linear-gradient(red, yellow);
color:rgba(11,61,209,1.00);
font-weight: 800;
font-size: 7px;
text-align-last: center;
width:56px;
height:18px;
margin: 0 0 1px 0;
padding: 3px 2px 2px 2px;
border: solid 3px rgba(255,214,199,1.00);
border-radius: 3px;
}
div nav h4 em{
font-size: 6.5px;
}
*/

article{
width: 80%;
margin: 40px 0px auto 30px;
padding: 0 7px 0 0;
align-content: center;
}

article p{
width: 80%;
margin: 60px 0px auto 00px;
line-height: 1.5;
font-size: 10px;
font-family: serif;
color:rgba(95,53,0,1.00);
}


article h1{
font-family: serif;
font-size: 9px;
margin: 0 25% 10px 0;
}



	

/*============================================
横幅1024px以上
想定端末　:iPadproのportrait
============================================
*/
@media screen and (min-width:1024px){

div{
width: 55px;
margin: 155px auto 0 35px;
}


div nav{
margin-bottom: 20px;

}
div nav{
margin-bottom: 50px;
}
div nav h3 img{
width:135px;
height: auto;
}
div nav h4 img{
width:135px;
height: auto;
}

/*
div nav h3{
background: linear-gradient(red, yellow);
color:rgba(11,61,209,1.00);
font-weight: 800;
font-size: 16px;
text-align-last: center;
width:130px;
height:30px;
margin: 0 0 3px 0;
padding: 8px 2px 2px 2px;
border: solid 4px rgba(255,214,199,1.00);
border-radius: 3px;
}
div nav h3 em{
font-size: 10px;
}

div nav h4{
background: linear-gradient(red, yellow);
color:rgba(11,61,209,1.00);
font-weight: 800;
font-size: 16px;
text-align-last: center;
width:130px;
height:30px;
margin: 0 0 3px 0;
padding: 8px 2px 2px 2px;
border: solid 4px rgba(255,214,199,1.00);
border-radius: 3px;
}
div nav h4 em{
font-size: 10px;
}
*/

article h1{
font-size: 22px;
margin: 0 10% 10px 0;
}

article p{
font-size: 15px;
margin: 150px 0px auto 40px;
}

article{
margin: 140px 0px auto 130px;
}