@charset "utf-8";
.application_block{
	margin: 0 30px 0px;
	padding: 0 0 0;
	/*background-color: #f3f8fd ;*/
}

body .menu.application
{
	display: block  !important;
}

#side_column .menu h2 a {
  overflow: visible;
  display: block !important;
}

.to_detail{

	margin: 0 auto 2em;
	text-align: center;

}

.to_detail a{
	display: inline-block;
	margin: 0 auto 2em;
	background: #0068B7;
	color: #fff;
	border-radius: 3px;
	padding: 0.75em 4em;
}

.paragraph{
	margin-bottom: 2em;
}

#application_wrapper .application_block {
	padding: 30px 0 60px;
}

.application_light{
	margin: 0;
	padding: 0;
}


.application_block h3{
	margin: 0 0 0;
	background: none;
	background-color: #555452;
	text-align: center;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 15px 0 ;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.2;
}

.application_block table{
	margin: 0 auto 2em;
	width: 100%;
}

.application_block table tr{
	clear: both;
}

.application_block table tr th,
.application_block table tr td
{
	background-color: #fff;
	border-right: 2px solid #e3f0fb;
	padding: 1em 2em;
	line-height: 3em;

}


.application_block table tr th{
	background-color: #e3f0fb;
	border: 2px solid #e3f0fb;
	border-bottom: 2px solid #fff;

}

.application_block table tr.last th{
	border-bottom: 2px solid #e3f0fb;

}

.application_block table tr td
{
	background-color: #fff;
	border: 2px solid #e3f0fb;
	border-top: 2px solid #e3f0fb;
	border-bottom: 2px solid #e3f0fb;
	border-right: 2px solid #e3f0fb;
	padding: 1em 2em;
	line-height: 3em;

}


.application_block table tr th.details,
.application_block table tr td.details
{
	line-height: 2;

}

.application_block table tr th{
	width: 20%;
}

.application_block table tr.odd th,
.application_block table tr.odd td
{
	/*background-color: #f3f8fd;
	border-right: 2px solid #fff;*/
}

.application_block table tr td span
{
	display: inline-block;
	margin: 0 0 0 2em;
}

.application_block table tr td span.icon
{
	display: inline-block;
	float: right;
	margin: 0 0 0 2em;
	background-color: #215b95;
	text-align: center;
	color: #fff;
	padding: 0 20px;
	line-height: 3em;
	width: 6em;
	border-radius:2px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic";
	font-weight: normal;
	font-size: 1em;
}
.application_block table tr td span.ing
{
	background-color: #2a8eea;
}

.application_block table tr td span.few
{
	background-color: #dd2222;
}

.application_block table tr td span.finish
{
	background-color: #919191;
}

.application_button{
	margin: 0 auto 0;
	text-align: center;
}

.application_button a{
	display: block;
	position: relative;
	margin: 2em auto;
	padding:1em;
	width: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color:#004e95;
	text-decoration: none;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.3s;
}


.application_button a.close{
    display: none;
}

.application_button a.light{
	width: 25%;
	margin: 40px auto;
	display: inline-block;
}

.application_button a.light2{
	background-color:#267ed1;
}

.application_button a.sub{
	background-color: #888;
    box-shadow: 0 5px #666;
}



.application_button a::before,
.application_button span::before
{
		content: '';
		display: block;
		position: absolute;
		left: 1em;
		top: calc(50% - 0.3em);
		width: 0.5em;
		height: 0.5em;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid inherit;
		border-left: 3px solid inherit;

		transform: rotate(45deg);
}

.application_button a.sub:before{
    background-color: #666;
}


.application_button a:hover{
	background-color:#009eec;
	text-decoration: none;
}

.application_button a.light2:hover{
	background-color:#81d5ff;
}


#main_column #application_wrapper h1{
	padding: 0.5em 2em;
	line-height: 1.4em;
	color: #fff;
	background: rgba(54, 54, 54, 1);
	border-radius: 0.2em;
}

#application_wrapper section{
	padding: 0.5em 0;
}

#application_wrapper section time{
	display: block;
	padding: 0.5em 1em;
	margin: 0;
	border-radius: 0.2em;
	border-bottom: none;
	background: #eef1f9;
	font-weight: bold;
	font-size: 128%;
	line-height: 1.6;
}

#application_wrapper section p{
	display: block;
	padding: 0;
	margin: 1em 0 0.5em;
	background: #fff;
	font-size: 128%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#application_wrapper section p span{
	flex-grow: 1;
	display: block;
	padding: 0.5em 0 0.5em 2em;
	font-weight: bold;
	word-break: keep-all;
}

#application_wrapper section p em{
	flex-grow: 0;
	display: block;
	width: 10em;
	padding: calc(0.5em * 1.28) calc(1em * 1.28);
	text-align: center;
	text-decoration: none;
	font-style: normal;
	font-size: 1rem;
	border-radius: calc(0.2em * 1.28);
	color: #fff;
	background: rgb(0, 134, 219);
	font-weight: bold;
	line-height: calc(1.6em * 1.28);
}

#application_wrapper section p em.soon{ background: rgba(237, 0, 64, 1); }
#application_wrapper section p em.out{ background: rgba(226, 226, 226, 1); color: inherit; }

.application_button a{
	display: block;
	position: relative;
	margin: 2em auto;
	padding: 1em;
	width: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #004e95;
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
	transition: all 0.3s;
}

.application_button span{
	display: block;
	position: relative;
	margin: 2em auto;
	padding: 1em;
	width: 50%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: rgba(226, 226, 226, 0.8);
	border-radius: 5px;
	overflow: hidden;
	text-decoration: none;
	transition: all 0.3s;
}


/*inquiryBox
---------------------------------------------------------------*/
.inquiryBox input,
.inquiryBox textarea{
	line-height:1.4;
}

.inquiryBox textarea,
.inquiryBox input[type=text]{
	width:100%;
}


/*smart_mail
---------------------------------------------------------------*/
#smart_mail{
	border-collapse:collapse;
	margin:0 3%;
	width:94%;
}

#smart_mail th,
#smart_mail td{
	padding:10px;
	border:#CCC 1px solid;
	line-height:1.4;
	text-align:left;
}

#smart_mail th{
	background-color:#f9f9f9;
	width:25%;
}

#smart_mail th span{
	color:#c01c1c;
}


/*smart_mail_required
---------------------------------------------------------------*/
#smart_mail_required{
	font-size:85.7%;
	text-align:right;
	color:#c01c1c;
	margin:0 3%;
	width:94%;
	line-height:1.4;
}


/*inquiry-sbtn
---------------------------------------------------------------*/
.inquiry-sbtn{
	padding:5% 3% 0;
	text-align:center;
}

.inquiry-sbtn input{
	padding:5px;
	display:inline-block;
	margin:0 10px;
}


/*smart_mail_lead
---------------------------------------------------------------*/
.smart_mail_lead{
	margin:3%;
	line-height:1.4;
}


/*error
---------------------------------------------------------------*/
.error{
	margin:3% 3% 3% 30px;
}

.error li{
	padding:0 0 10px;
	color:#c01c1c;
}