@charset "utf-8";

.topbox__alert{
	width: fit-content;
	margin: 1em auto!important;
	background-color: #e40a0a;
	background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, #f62b2b 0px, #f62b2b 10px);
	background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 5px, #f62b2b 0px, #f62b2b 10px);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, #f62b2b 0px, #f62b2b 10px);
	margin: 0 0 16px;
	padding: 6px;
	border-radius: 6px; }
.topbox__alert > h3{
	margin: 0;
	color: white;
	text-align: center;
	text-shadow: 0 3px 4px rgba(0, 0, 0, 0.5)}
.topbox__alert > h3 > a{color:white; padding:1.5em;}
.topbox__alert > h3 > a:link{color:white; text-decoration:none}
.topbox__alert > h3 > a:visited{color:white}


/* AoriBox: あおり運転通報BOX ------------------------- */
.AoriBOX {
	position: relative;
}
.AoriBOX > *{
	position: relative;
	z-index: 1;
}
.AoriBOX::before {
    content: "";
    position: absolute;
	top: 80px;
    inset: 0;
    background-image: url(../img/AoriBOX_01.png);
	background-repeat: no-repeat;
    background-position: right top;
    opacity: .2;
    z-index: 0;
}

.AoriBOX .contents_item,
.AoriBOX .notice_item,
.AoriBOX .form_item {
	margin-top: 4em;
	margin-bottom: 4em;
}
.AoriBOX .contents_item > h2 {
	color: #3da5a5;
	border-bottom: double;
	width: fit-content;
}
.AoriBOX .contents_item > div {
	padding-left: 1em;
	padding-right: 1em;
	font-size: 120%;
}
.AoriBOX .notice_item > h2 {
	color: white;
	background: crimson;
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 0;
	width: fit-content;
}
.AoriBOX .notice_item > ul {
	border: solid 2px crimson;
	margin-top: 0;
	padding: 1em 3em;
}
.AoriBOX .form_item form {
	padding-left: 2em;
	padding-right: 1em;
}

/* 【グローバルエラー】 */
.AoriBOX .global_erros {
	border: solid 1px crimson;
	border-radius: 8px;
	padding: 1em;
	background: rgba(255, 0, 0, 0.1);
	width: fit-content;
}
.AoriBOX .global_erros > h3 {
	margin: 0;
}

/* 【入力欄】 */
.AoriBOX .F_input1,
.AoriBOX .F_input2,
.AoriBOX .F_input3,
.AoriBOX .F_input4,
.AoriBOX .F_input5,
.AoriBOX .F_input6,
.AoriBOX .F_input6a {
	display: flex;
	margin-top: 2em;
}
.AoriBOX .F_input7 {
	margin-top: 2em;
}
.AoriBOX .F_input1 label,
.AoriBOX .F_input2 label,
.AoriBOX .F_input3 label,
.AoriBOX .F_input4 label,
.AoriBOX .F_input5 label {
	width: 4.5em;
	display: inline-block;
	text-align: justify;
	text-align-last: justify;
}
.AoriBOX .F_input6a label > label,
.AoriBOX .F_input6 label > label {
	padding: 6px;
	margin-right: 1em;
}
.AoriBOX input[type="text"] { background: #fffee0; }
.AoriBOX textarea { background: #fffee0; }
.AoriBOX .F_input1 input,
.AoriBOX .F_input2 input,
.AoriBOX .F_input3 input,
.AoriBOX .F_input4 input,
.AoriBOX .F_input5 input {
	font-size: 1.1em;
	padding: 4px;
	border-radius: 4px;
}
.AoriBOX .F_input7 textarea {
	font-size: 1.1em;
	width: 100%;
	padding: 6px;
}

.AoriBOX .F_input1 input { width: 20em; }
.AoriBOX .F_input2 input { width: 20em; }
.AoriBOX .F_input3 input { width: 7em; }
.AoriBOX .F_input4 input { width: 30em; }
.AoriBOX .F_input5 input { width: 100%; }
.AoriBOX .F_input3_style {
	position: relative;
}
.AoriBOX .F_input3_style > span {
	font-size: 80%;
	color: #505050;
	position: absolute;
	top: 6px;
	right: 1em;
}
.AoriBOX .F_input6 .radios label {
	display: inline-block;
    width: 4em;
    padding-right: 1em;
}
.AoriBOX .F_input6a .checkboxs {
	display: flex;
    flex-direction: column;
    /* margin-top: 1.5em; */
}
.AoriBOX .F_input6a .checkboxs label {
	margin-bottom: .5em;
}
.AoriBOX .F_input6a .checkboxs label > input[Type="text"] {
	padding: 3px;
    width: 25em;
}
.AoriBOX .F_input6a > span > label {
	display: inline-block;
	width: 10em;
}



/* 【入力エラー】 */
.AoriBOX .ERR_Input.active .err_target {
	background: #ffaaaa;
	border: solid red 2px;
	border-radius: 4px 4px 0 0;
}
.AoriBOX .ERR_Input ul {
	display: none;
}
.AoriBOX .ERR_Input.active ul {
	display: block;
	margin: 0;
	background: red;
	color: white;
	font-size: 80%;
	border-radius: 0 0 4px 4px;
}
.AoriBOX .F_input3 .ERR_Input.active input {
	width: 100%;
}
.AoriBOX .F_input6 .ERR_Input.active .radios,
.AoriBOX .F_input6a .ERR_Input.active .checkboxs {
	color: black;
	background: #ffaaaa;
	border-top: solid 2px red;
	border-left: solid 2px red;
	border-right: solid 2px red;
	border-radius: 4px 4px 0 0;
}
.AoriBOX .F_input6 .ERR_Input.active .checkboxs {
	padding-bottom: 8px;
}


/* 【入力確認】 */
.RES_Input > p{
	margin-top: 0;
	font-weight: 600;
	padding-left: 1em;
}


/* 【ボタン】 */
.AoriBOX .SendReset {
	position: relative;
    margin-top: 3em;
    margin-bottom: 3em;
    display: flex;
    width: 100%;
}
.AoriBOX .SendReset::before{
	content: "";
    position: absolute;
    inset: 0;
    background-image: url(../img/AoriBOX_02.png);
	background-repeat: no-repeat;
    background-position: right top;
	background-size: 110px;
    opacity: .5;
    z-index: 0;
}

.AoriBOX .SendReset input {
    padding: 8px 20px;
    border-radius: 4px;
    border: solid 1px #ccc;
	margin-top: 3em;
	margin-bottom: 3em;
	z-index: 1;
}

.AoriBOX .SendReset form {
	z-index: 1;
}

/* 【汎用クラス】 */
.AoriBOX .m-t0 {
	margin-top: 0;
}
.AoriBOX .rel-m8px {
	position: relative;
	top: -10px;
}
.AoriBOX .font_50 {
	font-size: 60%;
	font-weight: 100;
}
.AoriBOX .font_red {
	color: red;
	font-weight: 600;
}
.AoriBOX .ReqTag {
	font-size: 75%;
	background: crimson;
	padding: 3px 8px;
	color: white;
	font-weight: 600;
	border: #aaaaaa solid 1px;
	border-radius: 4px;
}