/* CSS Document */

article h1{
background: none;
box-shadow: none;
color: #005596;
text-shadow: none;
font-size: 250%;
font-weight: 700;
text-align: center;
}


section h2{
background: none;
box-shadow: none;
color: #333;
text-shadow: none;
margin-top: 3em;
font-size: 225%;
font-weight: 700;
text-align: center;
}

section .intro h2 br{
display: none;
}

section p,
section ul,
section p:first-child{
font-weight: 500;
}

section p,
section ul{
font-size: 150%;
}

section .intro p{
text-align: center;
}

section .intro p span{
color: #06C;
}

.matome{
margin-bottom: 2em;
}

section .matome p,
section .start .matome p{
background-color:#C2DAF3;
width: 36em;
margin: auto;
padding: 1em 0;
font-size: 175%;
font-weight: 700;
text-align: center;
}

section .matome p br:not(:first-of-type),
section .start .matome p br:not(:first-of-type){
display: none;
}

.matome + p{
font-size: 175%;
}

section .haiten{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 1em;
}

section .haiten table{
width: 48%;
}

section .haiten th{
text-align: center;
}

section .haiten caption{
caption-side: bottom;
color: #06C;
padding-top: 0.5em;
font-weight: bold;
text-align: center;
}

section .haiten .col1{
width: 4em;
}
section .haiten .col2{
width: calc(100% - 10em);
}
section .haiten .col3{
width: 6em;
}



section .haiten strong{
color: #06C;
}

section .haiten td:not(:nth-child(2)){
text-align: center;
}

section .do th{
background-color: #ffeedd;
}

section .do thead th{
background-color: #ffcc35;
}

section .ken th{
background-color: #ddeeff;
}

section .ken thead th{
background-color:#9ACCFF;
}

section .kan th{
background-color: #eef1cd;
}

section .kan thead th{
background-color: #d3e14c;
}


section .start h3{
border-left: none;
color: #06C;
margin-left: 0;
padding-left: 0;
font-size: 187.5%;
}

section .start p{
font-size: 125%;
}

section .new-text h2 br:nth-of-type(1),
section .new-text h2 br:nth-of-type(3),
section .new-text h2 br:nth-of-type(5){
display: none;
}
section .new-text h2 br:nth-of-type(2){
display:block;
}

section .course{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
padding: 3%;
margin-bottom: 1em;
}

section .fst{
background-color: #D3EDF1;
}

section .sec{
background-color: #F6F7E0;
}

section .course h3{
border-left: none;
width: 100%;
margin: 0 0 0.3em 0;
padding-left: 0;
font-size: 200%;
font-weight: bold;
}

section .course ul{
font-size: 125%;
list-style: none;
}

section .course ul > li{
padding-left: 1em;
margin-left: -1em;
}

section .course ul > li:nth-child(1)::before{
content: "Ⓐ ";
}
section .course ul > li:nth-child(2)::before{
content: "Ⓑ ";
}
section .course ul > li:nth-child(3)::before{
content: "ⓒ ";
}
section .course ul > li:nth-child(4)::before{
content: "Ⓓ ";
}
section .course ul > li:nth-child(5)::before{
content: "Ⓔ ";
}

section .course li span{
color: #f00;
font-weight: bold;
}

section .fst{
background-color: #EDF0FB;
}

section .sec{
background-color: #FAF5C6;
}

section .course a{
position: relative;
display: block;
border-radius: 4px;
padding: 0.6em 2.5em 0.6em 1.5em;
font-size: 125%;
text-align: center;
}

section .course a::after{
content:"➤";
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
}

section .course a + a{
margin-top: 1em;
}

section .course a:link,
section .course a:visited{
background-color: #ff3737;
color: #fff;
}

@media (max-width: 750px){

article h1{
font-size: 5vw !important;
text-align: center;
}

article h1 br{
display: block;
}

.matome + p{
font-size: 4.5vw;
}

article h2{
padding-right: 0;
padding-left: 0;
font-size: 4.85vw !important;
}

.hokan{
margin-bottom: 2rem;
}

.newtext{
margin: 0 0 2rem 0;
}

section .haiten table{
width: 100%;
}

section .start h3{
font-size: 4.5vw;
}

section .start p,
section .start ul{
font-size: 3.8vw !important;
}

section .new-text h2 br:nth-of-type(1),
section .new-text h2 br:nth-of-type(3),
section .new-text h2 br:nth-of-type(5){
display: block;
}
section .new-text h2 br:nth-of-type(2){
display:none;
}

section .course h3{
font-size: 5vw;
text-align: center;
}
section .course p{
font-size: 4.7vw;
text-align: center;
}

section .course ul{
margin: 0 0 1em 0;
font-size: 4.2vw;
}

section .course > div{
width: 100%;
}


section .matome p,
section .start .matome p{
width: auto;
font-size: 4.7vw !important;
}

section .matome p br:not(:first-of-type),
section .start .matome p br:not(:first-of-type){
display: block;
}

}