#wrapper {
    overflow : hidden;
    width : 90%;
    margin : 0 auto 5% auto;
}

#wrapper h3 {
    margin-bottom : 6%;
    padding : 8px 0 9px 0;
    font-size : 110%;
    color : #ffffff;
    background : #cb514e;
    text-align : center;
    border-radius : 40px;
    box-sizing : border-box;
}

#wrapper dl {
    width : 100%;
}

#wrapper dl dt {
    float: left;
    position : relative;
    width : 24%;
    aspect-ratio : 1 / 1;
    margin-bottom : 10px;
    padding-top : 18px;
    color : #cb514e;
    border : solid 4px #e6baac;
    border-radius : 50%;
    background-image : url(farrow.svg);
    background-position : bottom 14px center;
    background-size : 20px;
    background-repeat : no-repeat;
    font-size : 110%;
    font-weight : 600;
    box-sizing : border-box;
    letter-spacing : 1px;
    text-align : center;
}

#wrapper dl dd {
    margin : 0 0 17px 28%;
}

#wrapper dl dd h4 {
    margin-bottom : 8px;
    padding-bottom : 8px;
    font-size : 110%;
    font-weight : 600;
    border-bottom : solid 1px #b4b4b4;
}

dl#flow {
    width : 100%;
    margin-bottom : 10%;
}

dl#flow dt {
    margin-bottom : 10px;
    font-size : 110%;
    font-weight : 600;
    text-align : center;
}

dl#flow dd img {
    width : 100%;
    height : 100%;
}

h4.findex {
    width : 90%;
    margin : 0 auto 13px auto;
    font-size : 110%;
    font-weight : 600;
}

.data {
	width : 90%;
	margin : 0 auto 5% auto;
	border-top : solid 1px #b4b4b4;
    line-height : 1.4em;
}

.data th {
	width : 100px;
	padding : 10px 10px 11px 10px;
	border-left : solid 1px #b4b4b4;
	border-bottom : solid 1px #b4b4b4;
	background : #f5dcc8;
	text-align : center;
	font-weight : normal;
    box-sizing : border-box;
}

.data td {
	padding : 10px 12px 11px 15px;
	border-right : solid 1px #b4b4b4;
	border-bottom : solid 1px #b4b4b4;
}

.data td p {
    margin-bottom : 7px;
}

.data td ul,.data td ol {
    margin-left : 20px;
}

.data td ul li,.data td ol li {
    margin-bottom : 3px;
}

/*----------LANDSCAPE----------*/

@media screen and (orientation: landscape) {

#wrapper {
    margin : 0 auto 3.5% auto;
}

#wrapper dl dt {
    width : 11%;
    padding-top : 10px;
    background-position : bottom 10px center;
    font-size : 100%;
}

#wrapper dl dd {
    margin : 0 0 18px 15%;
}

dl#flow {
    margin-bottom : 6%;
}

dl#flow dd img {
    width : 80%;
    height : 80%;
    margin : 0 10% 0 10%;
    border-radius : 12px;
}

.data {
	width : 90%;
	margin : 0 auto 3% auto;
}

.data th {
	width : 120px;
}

}