/*ヘッダー*/

header{
border-top:solid 4px red;
}

header .logo img{
float:left;
margin-right:30px;
margin-left:30px;
}

h1{
color:darkgreen;
font-size:200%;
}

h1 span{
color:black;
font-size:45%;
margin-right:5px;
}

@media(max-width:720px){
h1{
font-size:100%
}
}

/*ナビゲーション*/

nav ul{
display: table;
table-layout:fixed;
margin: 20px auto;
padding: 0 ;
width: 90%;
text-align: center;
}

nav li{
display: table-cell;
min-width: 50px;
}

nav li:not(:last-child){
border-right:2px solid #ddd;
}

nav a{
display: block;
width: 100%;
text-decoration: none;
color:#404040;
padding-bottom: 5px;
}

nav li .current{
background:linear-gradient(#f9fff9 0%, #7fff7f 50%, #f9fff9 100%);
}

nav li:hover{
color: #E7DA66;
border-bottom: 3px solid limegreen;
}

@media(max-width:720px){
nav li{
width:auto;
display:block;
}
nav li a{
padding:5px;
margin:5px auto;
display:block;
background-color:#f2ffe5;
border-radius:6px;
text-decoration:none;
}
}

/*写真*/

.students img{
width:100%;
height:auto;
}

/*メイン*/

.main1{
max-width:720px;
margin-right:auto;
margin-left:auto;
}

h2{
font-size:200%;
color:#404040;
padding:8px;
background:#dbffb7;
background:linear-gradient(to right, rgba(219,255,183,1), rgba(219,255,183,0.1));
border-left:solid 5px green;
margin:40px auto
}



h3{
font-size:150%;
color:#336666;
}

h3 span{
color:red;
}

p{
color:#404040;
}

hr{
border:none;
height:4px;
background:linear-gradient(90deg, rgba(50,205,50,0.1) 0%,  rgba(50,205,50,1) 50%, rgba(50,205,50,0.1) 100%);
}


.main1 a{
display:flex;
justify-content:center;
align-items:center;
position:relative;
width:350px;
height:60px;
color:#404040;
font-size:18px;
font-weight:700;
text-decoration:none;
background-color:khaki;
border-radius:20px;
border:solid 2px #404040;
margin:40px auto;
}

.main1 a::after{
content: '';
position:absolute;
top:50%;
right: 20px;
transform: rotate(45deg) translateY(-50%);
width: 6px;
height: 6px;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #404040;
}


.main1 a:hover{
opacity:0.6;
}

b{
background:linear-gradient(transparent 70%, #FFFF00 0%);
}

p span{
color:red;
font-size:110%;
}



/*フッター*/

.footer1{
color: #808080;
background: #e5e5e5;
text-align: center;
padding: 30px;
margin:40px 0 0 0
}

.footer1 a{
color: darkslategray;
text-decoration: none;
}

.footer1 a:hover{
text-decoration:underline;
}

.footer1 .menu {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.footer1 .menu li{
 margin: 0;
 padding: 0 40px;
}

.footer1 p{
color:#808080;
}


.footer1 hr{
height:1px;
}



/*料金のページ*/

.注釈{
font-size:70%;
}

table{
text-align:center;
border-collapse:  collapse;
color:#404040;
margin:auto
}

th, td{
border:1px solid #404040;
padding: 10px 20px;
}

th{
background-color: #b7ffdb;
}

.month{
background: #b7ffdb;
font-weight: bold;
}


/*講師紹介のページ*/
.teacher img{
float:left;
margin:30px
}

/*申し込みまでの流れのページ*/

.offer{
text-align:center;
font-size:125%;
}

.offer img{
width:100%;
height:auto;
}