body{
	font-family:"MS Pゴシック",sans-serif;
}

/* コンテンツエリア背景 */
.main-content {
    max-width: 960px;
    width: auto;
    background-color: #ffffff;
}

/*******************************
    大見出し
********************************/
.main-content h2 {
    position: relative;
    color: #ffffff;
    background-color: #0099ff;
    padding: 10px 20px;
    border: 4px solid #000000;
    width: 95%;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 10px;
}

.main-content h2:before,
.main-content h2:after {
    position: absolute;
    left: 0;
    width: 100%;
    content: '';
    border-top: 4px dotted #000;
}

.main-content h2:before {
    top: 6px;
}

.main-content h2:after {
    bottom: 6px;
}

/*******************************
    中見出し
********************************/

.middle-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.middle-section h3 {
    width: 93%;
    box-sizing: border-box;
    padding: 5px 20px;
    margin: 0 0 10px 0;
    border-left: 5px solid #000;
    background: #99ccff;
}

/*******************************
    小見出し
********************************/

.little-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.little-section h4 {
    width: auto;
    font-weight: bold;
    background: #dfefff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: dotted 3px #96c2fe;
    border-left: dotted 3px #96c2fe;
    border-right: dotted 3px #96c2fe;
    color: #ff0000;
    padding: 5px 20px;
    margin: 5px 5% 0 5%;
}

.little-section p {
    width: auto;
    padding: 10px 20px 10px 20px;
    margin: 0 5% 15px 5%;
    background-color: #dfefff;
    border: dotted 3px #96c2fe;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media(max-width: 800px) {
    .main-content h2{
        font-size: 1.3em;
    }
    .middle-section h3{
        font-size: 1.0em;
    }
}

@media(max-width: 500px) {
    .main-content h2 {
        font-size: 1.1em;
    }
}