@charset "utf-8";
/* CSS Document */

h1 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
	
p {
    font-size: 1rem;
	margin-bottom: 1rem;
	line-height: 1.875;
}

.emphasis {
font-weight: 600;
	box-decoration-break: clone;	
	-webkit-box-decoration-break: clone;
	display: inline;
	padding: .1em;
	line-height: 2.5;
	background-color: #fff888;
}


.fw600{
font-weight: 600;
}


#container {
    width: 100%;
}


.section {
padding: 120px 0;
}
.section-heading {
    margin: 0 0 1em;
    text-align: center;
    font-size: 2em;
	    font-weight: 700;

}

.section-heading {
    text-align: center;
    font-size: 2em;
    margin: 0 0 1em;
}



div#mv {
    background-color: #f7e9de;
}.mv-inner {
    max-width: 1100px;
    padding: 60px 0;
    margin: auto;
}

#notes {
    background-color: #f7ebdd;
}


#excluded {
    background-color: #558f74;
}

#caution {
    background-color: #d89f8e;
}


.section-innner {
    max-width: 1000px;
    margin: auto;
}





.mv-inner {
    max-width: 1100px;
    margin: auto;
}





.parent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 1 / 4 / 2 / 5; }
.div5 { grid-area: 2 / 1 / 3 / 2; }
.div6 { grid-area: 2 / 2 / 3 / 3; }
.div7 { grid-area: 2 / 3 / 3 / 4; }
.div8 { grid-area: 2 / 4 / 3 / 5; }
.div9 { grid-area: 3 / 1 / 4 / 2; }
.div10 { grid-area: 3 / 2 / 4 / 3; }
.div11 { grid-area: 3 / 3 / 4 / 4; }
.div12 { grid-area: 3 / 4 / 4 / 5; }
.div13 { grid-area: 4 / 1 / 5 / 2; }
.div14 { grid-area: 4 / 2 / 5 / 3; }
.div15 { grid-area: 4 / 3 / 5 / 4; }
.div16 { grid-area: 4 / 4 / 5 / 5; }
.div17 { grid-area: 5 / 1 / 6 / 2; }
.div18 { grid-area: 5 / 2 / 6 / 3; }



.example {
    margin: 40px auto;
    max-width: 600px;
}

.caution-inner {
    max-width: 720px;
}

.caution-url {
    overflow: hidden;
    padding: 1.5rem;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 2px solid #FFF;
    border-radius: 100vh;
    background-color: #FFF;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
}



#notes {
    background-color: #f7ebdd;
}


dt {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

dd {
margin-bottom: 50px;
    border-bottom: solid 2px;
}


.notes- {
    background-color: #FFF;
    border: solid 2px;
    font-size: 1rem;
    padding: 0.5em 1rem;
    margin-bottom: 1rem;
}


footer {
    margin-top: 0!important;
}



@media (max-width: 720px) {



.section {
    padding: 60px 0;
}



.section-innner {
    max-width: 1000px;
    margin: auto;
    width: 90%;
    margin: auto;
}



.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
.div6 { grid-area: 2 / 3 / 3 / 4; }
.div7 { grid-area: 3 / 1 / 4 / 2; }
.div8 { grid-area: 3 / 2 / 4 / 3; }
.div9 { grid-area: 3 / 3 / 4 / 4; }
.div10 { grid-area: 4 / 1 / 5 / 2; }
.div11 { grid-area: 4 / 2 / 5 / 3; }
.div12 { grid-area: 4 / 3 / 5 / 4; }
.div13 { grid-area: 5 / 1 / 6 / 2; }
.div14 { grid-area: 5 / 2 / 6 / 3; }
.div15 { grid-area: 5 / 3 / 6 / 4; }
.div16 { grid-area: 6 / 1 / 7 / 2; }
.div17 { grid-area: 6 / 2 / 7 / 3; }
.div18 { grid-area: 6 / 3 / 7 / 4; }




.caution-url {
    overflow: hidden;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #FFF;
    border-radius: 100vh;
    background-color: #FFF;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}











}