ul#note {
    margin : 0 5% 9% 40px;
}

ul#note li {
    margin-bottom : 10px;
    line-height : 1.4em;
}

ul#note li a {
    color : #ac0003;
    text-decoration : underline;
}

/*----------FORM----------*/

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

dl.data dt {
	padding : 11px 12px 13px 12px;
	background : #f5dcc8;
	align-items : center;
	justify-content : center;
}

dl.data dd {
	padding : 12px 0 12px 3%;
	border-bottom : solid 1px #b4b4b4;
}

dl.data dd img {
	padding-top : 7px;
}

dl.data dd span {
	display : block;
	padding : 8px 0 3px 0;
}

.text1 {
	width : 15em;
	padding : 5px 7px 5px 7px;
	font-size : 16px;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 400;
	font-style : normal;
	background : #ebebeb;
	border : none;
    -webkit-appearance : none;
}

.text2 {
	width : 10em;
	margin-right : 10px;
	padding : 5px 7px 5px 7px;
	font-size : 16px;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 400;
	font-style : normal;
	background : #ebebeb;
	border : none;
    -webkit-appearance : none;
}

#text3A {
	display : block;
	width : 92%;
	padding : 5px 7px 5px 7px;
	font-size : 16px;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 400;
	font-style : normal;
	background : #ebebeb;
	border : none;
    -webkit-appearance : none;
}

#text3B {
	display : block;
	width : 92%;
	margin-top : 10px;
	padding : 5px 7px 5px 7px;
	font-size : 16px;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 400;
	font-style : normal;
	background : #ebebeb;
	border : none;
    -webkit-appearance : none;
}

#text4 {
	width : 92%;
	margin-top : 3px;
	padding : 8px 8px 10px 8px;
	font-size : 16px;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 400;
	font-style : normal;
	background : #ebebeb;
	border : none;
	-webkit-appearance : none;
}

#text5 {
	width : 5em;
	margin-right : 10px;
	padding : 5px 7px 5px 7px;
	font-size : 16px;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 400;
	font-style : normal;
	background : #ebebeb;
	border : none;
	letter-spacing : 2px;
    -webkit-appearance : none;
}

#submit {
	width : 100%;
    margin-bottom : 3%;
	text-align : center;
}

#button1 {
	padding : 9px 20px 11px 20px;
	color : #ffffff;
	background : #eb780a;
	font-size : 110%;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 600;
	font-style : normal;
	border-style : none;
	border-radius : 30px;
}

#button2 {
	margin-left : 10px;
	padding : 9px 15px 11px 15px;
	background : #999999;
	color : #ffffff;
	font-size : 110%;
	font-family : "Noto Sans JP","sans-serif";
	font-weight : 600;
	font-style : normal;
	border-style : none;
	border-radius : 30px;
}

#data {
	margin : 0 5% 7% 5%;
	border-top : solid 1px #b4b4b4;
}

#data th {
	width : 30%;
	padding : 12px 10px 12px 10px;
	border-left : solid 1px #b4b4b4;
	border-bottom : solid 1px #b4b4b4;
	background : #f5dcc8;
	text-align : left;
	font-weight : normal;
	line-height : 1.3em;
}

#data td {
	padding : 12px 0 12px 10px;
	border-right : solid 1px #b4b4b4;
	border-bottom : solid 1px #b4b4b4;
	line-height : 1.3em;
	word-break : break-all;
}

p#hmsg {
	margin : 0 5% 6% 5%;
	line-height : 1.4em;
}

p#hmsg a {
	color : #ac0003;
	text-decoration : underline;
}

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

@media screen and (orientation: landscape) {

ul#note {
    margin : 0 5% 4% 55px;
}

ul#note li {
    margin-bottom : 10px;
    line-height : 1.5em;
}

dl.data {
    margin : 0 auto 5% auto;
}

#submit {
    margin : 0;
}

}