@charset "UTF-8";
@import "common.pc.css";

/* ---------------------------------------------------------
	CSS Document step
--------------------------------------------------------- */

#step {
	margin-bottom: 40px;
	position: relative;
	z-index: 0;
}

#step:before {
	content: '';
	width: 100%;
	height: 2px;
	background: #ddd;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}

#step ol {
	display: flex;
	justify-content: space-between;
}

#step li {
	width: 8em;
	border: solid 1px #0484c3;
	background: #fff;
	line-height: 30px;
}

#step li.this {
	background: #0484c3;
	color: #fff;
}

/* ---------------------------------------------------------
	CSS Document requirement
--------------------------------------------------------- */

#requirement {
	text-align: left;
}

#requirement h3 {
	height: 47px;
	margin-bottom: 25px;
	padding-left: 22px;
	border-bottom: solid 3px #0484c3;
	font-weight: normal;
	font-size: 22px;
	line-height: 42px;
	position: relative;
}

#requirement h3:before {
	content: '';
	width: 9px;
	height: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	margin-top: -6px;
	border: solid 3px #0484c3;
	position: absolute;
	top: 50%;
	left: 0;
}

#requirement .table {
	display: table;
	width: 100%;
	margin-bottom: 40px;
	border: solid 1px #d3d3d3;
}

#requirement .table dl {
	display: table-row;
}

#requirement .table dt {
	display: table-cell;
	width: 22%;
	padding: 15px;
	border-bottom: solid 1px #d3d3d3;
	background: #f5f5f5;
	text-align: left;
}

#requirement .table dd {
	display: table-cell;
	padding: 15px;
	border-bottom: solid 1px #d3d3d3;
}

#requirement .table .red {
	margin: 1em 0;
	color: #e01d1d;
}

#requirement .table ul li {
	margin-left: 1.5em;
	list-style: disc;
}

#requirement h4 {
	height: 40px;
	margin-bottom: 15px;
	padding-left: 15px;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
	background: linear-gradient(to bottom, #fff 0%,#eee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	box-shadow: 0 0 0 1px #fff inset;
	font-weight: normal;
	font-size: 18px;
	line-height: 36px;
	position: relative;
}

#requirement h4:before {
	content: '';
	width: 3px;
	height: 20px;
	margin-top: -10px;
	background: #0484c3;
	position: absolute;
	top: 50%;
	left: 0;
}

#requirement p {
	margin-bottom: 40px;
}

/* ---------------------------------------------------------
	CSS Document application
--------------------------------------------------------- */

#application {
	text-align: left;
}

#application h3 {
	height: 47px;
	margin-bottom: 25px;
	padding-left: 22px;
	border-bottom: solid 3px #0484c3;
	font-weight: normal;
	font-size: 22px;
	line-height: 42px;
	position: relative;
}

#application h3:before {
	content: '';
	width: 9px;
	height: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	margin-top: -6px;
	border: solid 3px #0484c3;
	position: absolute;
	top: 50%;
	left: 0;
}

#application h4 {
	height: 40px;
	margin-bottom: 15px;
	padding-left: 15px;
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
	background: linear-gradient(to bottom, #fff 0%,#eee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	box-shadow: 0 0 0 1px #fff inset;
	font-weight: normal;
	font-size: 18px;
	line-height: 36px;
	position: relative;
}

#application h4:before {
	content: '';
	width: 3px;
	height: 20px;
	margin-top: -10px;
	background: #0484c3;
	position: absolute;
	top: 50%;
	left: 0;
}

.message {
	margin-bottom: 30px;
}

.message em {
	color: #ea0e17;
}

#application .table {
	display: table;
	width: 60%;
	margin-top: 10px;
	border: solid 1px #d3d3d3;
}

#application .table .tr {
	display: table-row;
}

#application .table .th {
	display: table-cell;
	width: 40%;
	padding: 10px 15px;
	border-bottom: solid 1px #d3d3d3;
	background: #f5f5f5;
	text-align: left;
}

#application .table .td {
	display: table-cell;
	padding: 10px 15px;
	border-bottom: solid 1px #d3d3d3;
}

#application .table {
	display: table;
	margin-top: 10px;
	border: solid 1px #d3d3d3;
}

#application .table .tr {
	display: table-row;
}

#application .table .th {
	display: table-cell;
	padding: 10px 15px;
	border-bottom: solid 1px #d3d3d3;
	background: #f5f5f5;
	text-align: left;
	white-space: nowrap;
}

#application .table .td {
	display: table-cell;
	padding: 10px 2em 10px 15px;
	border-bottom: solid 1px #d3d3d3;
}

/* ---------------------------------------------------------
	CSS Document logo_form
--------------------------------------------------------- */

.logo_form {
	margin-bottom: 50px;
}

.logo_form dl {
	margin: -1px 0 0;
	border: solid 1px #d3d3d3;
	background: #f5f5f5;
	text-align: left;
	font-size: 0;
}

.logo_form dt {
	display: inline-block;
	vertical-align: middle;
	width: 35%;
	padding: 15px;
	background: #f5f5f5;
	font-size: 15px;
	line-height: 16px;
}

.logo_form dt span {
	float: right;
	width: 30px;
	height: 16px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #0484c3;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}

.logo_form dd {
	display: inline-block;
	vertical-align: middle;
	width: calc(65% - 2px);
	min-height: 53px;
	padding: 15px;
	background: #fff;
	font-size: 15px;
}

.logo_form dd p {
	margin: 5px 0 0 !important;
}

.logo_form dd label {
	display: inline-block;
	vertical-align: middle;
	margin-right: 60px;
}

.logo_form dd li {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}

.logo_form dd li label {
	margin-right: 0;
}

.logo_form dd .memo {
	display: block;
	font-size: 15px;
	line-height: 1.5;
	color: #0484c3;
}

.logo_form dd .memo.upfile1 {
	margin-bottom: 5px;
}

.logo_form dd .memo span {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 16px;
	margin-left: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #0484c3;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}

.logo_form dd .small {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.4;
	color: #888;
}

.logo_form dd em {
	display: block;
	margin-bottom: 5px;
	font-style: normal;
	font-size: 14px;
	line-height: 1.3;
	color: #ea0e17;
}

.logo_form dd a {
	display: inline-block;
	vertical-align: top;
	height: 20px;
	margin-top: 6px;
	padding: 0 5px 0 18px;
	background: #fa5a5a;
	background: #35adad;
	background: -moz-linear-gradient(top, #35adad 0%, #278d8d 100%);
	background: -webkit-linear-gradient(top, #35adad 0%,#278d8d 100%);
	background: linear-gradient(to bottom, #35adad 0%,#278d8d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35adad', endColorstr='#278d8d',GradientType=0 );
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	position: relative;
}

.logo_form dd a:before {
	content: '';
	width: 0;
	height: 0;
	margin-top: -3px;
	border: solid 4px transparent;
	border-left: solid 6px #fff;
	position: absolute;
	top: 50%;
	left: 8px;
}

.logo_form dd a:hover {
	opacity: 0.7;
	filter: Alpha(opacity=70);
}

/* ---------------------------------------------------------
	CSS Document input
--------------------------------------------------------- */

.logo_form input[type='url'],
.logo_form input[type='tel'],
.logo_form input[type='email'],
.logo_form input[type='text'],
.logo_form textarea {
	vertical-align: middle;
	padding: 0 5px;
	-webkit-appearance: none;
	border: solid 1px #ccc;
	background: #F3FFF8;
}

.logo_form select {
	vertical-align: middle;
	padding: 0 0 0 5px;
	border: solid 1px #ccc;
	background: #F3FFF8;
}

.logo_form select:focus,
.logo_form input[type='url']:focus,
.logo_form input[type='tel']:focus,
.logo_form input[type='email']:focus,
.logo_form input[type='text']:focus,
.logo_form textarea:focus {
	background: #FFFFCC;
}

.logo_form select.error,
.logo_form input[type='file'].error,
.logo_form input[type='radio'].error,
.logo_form input[type='checkbox'].error,
.logo_form input[type='url'].error,
.logo_form input[type='tel'].error,
.logo_form input[type='email'].error,
.logo_form input[type='text'].error,
.logo_form textarea.error {
	box-shadow: 0 0 1px 1px #ea0e17;
}

#form input[type='radio'],
#form input[type='checkbox'] {
	vertical-align: middle;
	width: 19px;
	height: 19px;
	margin: 0 2px 3px 0;
	padding: 0;
}

.logo_form textarea.h40 {
	overflow: hidden;
	-webkit-appearance: none;
	line-height: 40px;
}

.logo_form .h40 {
	height: 40px;
}

.logo_form .w100 {
	width: 100%;
}

.logo_form textarea.w100:not(.h40) {
	padding: 5px;
}

.logo_form .w50 {
	width: 50%;
}

/* ---------------------------------------------------------
	CSS Document select radio
--------------------------------------------------------- */

.joint,
.photo,
.award {
	display: none;
}

/* ---------------------------------------------------------
	CSS Document note
--------------------------------------------------------- */

.logo_form .note ol li {
	margin-bottom: 2em;
	margin-left: 1.5em;
	padding-left: 5px;
	list-style: decimal;
}

.logo_form .note ol li:last-of-type {
	margin-bottom: 0;
}

.logo_form .note ul li {
	margin-bottom: 0;
	margin-left: 1.5em;
	padding-left: 0;
	list-style: disc;
}

/* ---------------------------------------------------------
	CSS Document submit
--------------------------------------------------------- */

#submit {
	text-align: center;
	font-size: 0;
}

#submit input[type='submit'] {
	vertical-align: top;
	width: 250px;
	height: 60px;
	border: 0;
	background: #0484c3;
	background: -moz-linear-gradient(top, #25a1db 0%, #0484c3 100%);
	background: -webkit-linear-gradient(top, #25a1db 0%,#0484c3 100%);
	background: linear-gradient(to bottom, #25a1db 0%,#0484c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25a1db', endColorstr='#0484c3',GradientType=0 );
	text-shadow: 0 1px 0 rgba(0,0,0,0.6);
	font-size: 19px;
	color: #fff;
}

#submit input[type='submit'].confirm {
	margin-left: 35px;
}

#submit input[type='submit'].submit {
	margin-left: 35px;
}

#submit a.home,
#submit a.back {
	display: inline-block;
	vertical-align: top;
	width: 190px;
	height: 60px;
	overflow: hidden;
	background: #cccccc;
	background: -moz-linear-gradient(top, #cccccc 0%, #999999 100%);
	background: -webkit-linear-gradient(top, #cccccc 0%,#999999 100%);
	background: linear-gradient(to bottom, #cccccc 0%,#bbbbbb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#999999',GradientType=0 );
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	text-align: center;
	font-size: 19px;
	line-height: 60px;
	color: #fff;
}

#submit a.home {
	width: 250px;
	background: #0484c3;
	background: -moz-linear-gradient(top, #25a1db 0%, #0484c3 100%);
	background: -webkit-linear-gradient(top, #25a1db 0%,#0484c3 100%);
	background: linear-gradient(to bottom, #25a1db 0%,#0484c3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25a1db', endColorstr='#0484c3',GradientType=0 );
	text-shadow: 0 1px 0 rgba(0,0,0,0.6);
}

#submit input[type='submit']:hover,
#submit a.home:hover,
#submit a.back:hover {
	opacity: 0.7;
	filter: Alpha(opacity=70);
}

/* ---------------------------------------------------------
	CSS Document empty_flag
--------------------------------------------------------- */

.empty_list {
	margin-bottom: 40px;
	padding: 15px;
	border: solid 1px #ccc;
	background: #F3FFF8;
}

.empty_flag em {
	font-style: normal;
	color: #ea0e17;
}

.empty_list p {
	margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
	CSS Document complete
--------------------------------------------------------- */

#complete {
	min-height: calc(100vh - 460px);
	padding-bottom: 30px;
}

/* ---------------------------------------------------------
	CSS Document formin_submit
--------------------------------------------------------- */

.formin_submit {
	padding: 30px 0 35px;
	background: #f6f6f6;
	text-align: center;
}

.formin_submit em {
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
	font-size: 17px;
}

.formin_submit ol {
	margin-top: 15px;
	font-size: 0;
	position: relative;
	z-index: 0;
}

.formin_submit ol.close:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(246, 246, 246, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.formin_submit li {
	display: inline-block;
	vertical-align: top;
	width: 220px;
	margin: 0 6px;
}

.formin_submit a {
	display: block;
	padding: 15px 0;
	border-radius: 3px;
	background: linear-gradient(to bottom, #25a1db 0%,#0484c3 100%);
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.6);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	color: #fff;
	transition: .4s;
}

.formin_submit a:hover {
	opacity: 0.6;
}

.formin_submit a span {
	display: block;
	font-size: 19px;
}

/* ---------------------------------------------------------
	CSS Document formin_back
--------------------------------------------------------- */

.formin_back {
	margin-top: 20px;
	text-align: left;
}

.formin_back a:before {
	display: inline-block;
	vertical-align: 0.1em;
	content: '';
	width: 6px;
	height: 6px;
	margin-right: 0.3em;
	border-bottom: solid 2px #0484c3;
	border-left: solid 2px #0484c3;
	transform: rotate(45deg);
}

.formin_back a:hover {
	opacity: 0.6;
}