@media screen and (min-width: 980px) {

	#container .content-inner {
	    display: flex;
	}

	.content-inner {
	    position: relative;
	    width: 960px;
	    margin: auto;
	    box-sizing: border-box;
	}
	#container #side {
	    width: 280px;
	    margin-right: 40px;
	}

	#container #main {
	    width: 640px;
	}
}

@media screen and (max-width: 759px)
.content-inner {
    padding-right: 12px;
    padding-left: 12px;
}

section:not(#a01) h3{
	margin-top: 48px !important;
} 

dl{
	margin: 24px 0;
}

.qa > dt {
	font-size: 20px;
}
dd {
	min-height: 32px;
	margin-top: 16px;
	margin-bottom: 32px !important;
}

.qa > dt,.qa > dd{
	position: relative;
	padding-left: 40px;
}
.qa > dt {
	font-weight: bold;
}

.qa > dt:before, dd:before{

    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    overflow: hidden;
}
.qa > dt:before{ background-image: url(/nature_program/img/ico_qa_q.svg); }
.qa > dd:before{ background-image: url(/nature_program/img/ico_qa_a.svg); }

@media screen and (max-width: 759px) {
	section{
		margin-top: calc(-1em - 56px);
		padding-top: calc(1em + 56px);
	}
}