@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body,html {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #444;
	font-family: "メイリオ" , Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	line-height:1.6em;
	background: #e7f0ff;
	-webkit-text-size-adjust: 100%;
}
ul { margin: 0; padding: 0;}
ul li { list-style: none;}

a {
	color: #5874c3;
	text-decoration: none;
}
a:hover {
	color: #5874c3;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto !important;
}
a img:hover {
	opacity: 0.8;
}

a:focus, *:focus { outline:none; }

/*ボーダー
---------------------------------*/
.under { text-decoration: underline !important;}
.no_under { text-decoration: none !important;}

/*フォントサイズ
---------------------------------*/
.font0  { font-size: 0 !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font17 { font-size: 17px !important; }
.font18 { font-size: 18px !important; }
.font19 { font-size: 19px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font24 { font-size: 24px !important; }
.font26 { font-size: 26px !important; }
.font28 { font-size: 28px !important; }

/*フォント
---------------------------------*/
.bold { font-weight: bold !important; }

/*マージン
---------------------------------*/
.ma0  { margin: 0 !important; }
.ma5  { margin: 5px !important; }
.ma10 { margin: 10px !important; }
.ma15 { margin: 15px !important; }
.ma20 { margin: 20px !important; }
.ma30 { margin: 30px !important; }
.ma40 { margin: 40px !important; }
.ma50 { margin: 50px !important; }

.mt0  { margin-top: 0 !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

.mr0  { margin-right: 0 !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.mb0  { margin-bottom: 0 !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml0  { margin-left: 0 !important; }
.ml5  { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

/*パディング
---------------------------------*/
.pa0  { padding: 0 !important; }
.pa5  { padding: 5px !important; }
.pa10 { padding: 10px !important; }
.pa15 { padding: 15px !important; }
.pa20 { padding: 20px !important; }
.pa30 { padding: 30px !important; }
.pa40 { padding: 40px !important; }
.pa50 { padding: 50px !important; }
.pa60 { padding: 60px !important; }

.pt0  { padding-top: 0 !important; }
.pt5  { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }

.pr0  { padding-right: 0 !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }

.pb0  { padding-bottom: 0 !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }

.pl0  { padding-left: 0 !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }

/* 黒丸リスト
---------------------------------*/
ul.disc-list { margin-left:16px;}
ul.disc-list li { list-style-type: disc;}

/* width
---------------------------------*/
.wd30 { width:30px !important;}
.wd40 { width:40px !important;}
.wd50 { width:50px !important;}
.wd60 { width:60px !important;}
.wd70 { width:70px !important;}
.wd80 { width:80px !important;}
.wd90 { width:90px !important;}
.wd100 { width:100px !important;}
.wd110 { width:110px !important;}
.wd120 { width:120px !important;}
.wd130 { width:130px !important;}
.wd140 { width:140px !important;}
.wd150 { width:150px !important;}
.wd200 { width:200px !important;}
.wd210 { width:210px !important;}
.per100 { width:100%; !important;}

/*--------------------------------------------------------------------------------
▼ wrapper
--------------------------------------------------------------------------------*/
#wrapper {
	background: #fff;
}

/*--------------------------------------------------------------------------------
▼ header
--------------------------------------------------------------------------------*/
#header {
	padding: 20px 0;
	background: #489fdf;
	box-shadow:
		0 1px 3px 0 rgba(0,0,0,0.2),
		0 1px 3px 0 rgba(0,0,0,0.2);
}
#header .inner_box {
	width: 680px;
	background: #489fdf;
	margin: 0 auto;
}
#header .title {
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	text-align: center;
}
#header .title_inner {
}
#header .sub_title {
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	margin-top: 10px;
	text-align: center;
}
@media screen and (max-width:768px) {
	#header .inner_box {
		width: 96%;
	}
	#header .title {
		font-size: 34px;
		line-height: 34px;
	}
	#header .sub_title {
		font-size: 20px;
		line-height: 20px;
	}
}
@media screen and (max-width:668px) {
	#header .inner_box {
		width: 96%;
	}
	#header .title {
		font-size: 30px;
		line-height: 30px;
	}
	#header .sub_title {
		font-size: 20px;
		line-height: 20px;
	}
}
@media screen and (max-width:568px) {
	#header .inner_box {
		width: 96%;
	}
	#header .title {
		font-size: 26px;
		line-height: 26px;
	}
	#header .sub_title {
		font-size: 20px;
		line-height: 20px;
	}
}
@media screen and (max-width:468px) {
	#header .inner_box {
		width: 96%;
	}
	#header .title {
		font-size: 22px;
		line-height: 22px;
	}
	#header .sub_title {
		font-size: 18px;
		line-height: 18px;
	}
}
@media screen and (max-width:388px) {
	#header .inner_box {
		width: 96%;
	}
	#header .title {
		font-size: 16px;
		line-height: 16px;
		display: block;
		text-align: left;
	}
	#header .title_inner {
		margin-top: 10px;
		font-size: 29px;
		line-height: 29px;
		display: block;
		text-align: center;
	}
	#header .sub_title {
		margin-top: 10px;
		font-size: 16px;
		line-height: 16px;
		display: block;
		text-align: right;
	}
}

/*--------------------------------------------------------------------------------
▼ contents
--------------------------------------------------------------------------------*/
#contents {
	color:#444;
	margin: 0 auto;
	width: 780px;
	padding:0 40px 30px 40px;
	max-height: 100%;
}
@media screen and (max-width:768px) {
	#header {
		padding: 15px 0;
	}
	#contents {
		width: 90%;
		padding: 0 0 30px 0;
	}
}

/*--------------------------------------------------------------------------------
▼ footer
--------------------------------------------------------------------------------*/
#footer {
	width: 100%;
	padding: 10px 0;
	background: #e7f0ff;
	padding: 15px 0;
}
#footer .inner_box {
	width: 780px;
	margin: 0 auto;
	text-align: center;
	color: #0180bc;
}
ul.footer_link {
	padding: 10px 0 3px 0;
}
ul.footer_link li {
	display: inline-block;
	padding: 5px 15px;
}
ul.footer_link li a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #0180bc;
}
ul.footer_link li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #0180bc;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
ul.footer_link li a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
@media screen and (max-width:768px) {
	#footer .inner_box {
		width: 100%;
	}
	#footer .inner_box .footer_link li {
		width: 100%;
	}

}

/* ページタイトル
---------------------------------*/
img.mh300 {
	max-height:300px;
}
img.mw300 {
	max-width:300px;
}
@media screen and (max-width:768px) {
	img.mw300 {
		max-width: 100%;
	}
}


/* 応募詳細
---------------------------------*/
.application-status {
	padding: 30px 15px 10px 15px;
	background: #fff;
	border: 4px #19283c solid;
	position: relative;
	z-index: 10;
	margin-bottom:35px;
}
.application-status:before {
	content: "";
	position: absolute;
	background: #fff;
	margin: 3px;
	border: 2px #19283c solid;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: -10;
}

/* 各種記載
----------------------------------------------------------*/
.content-container {
	margin: 0 0 30px 0;
}
.content-container h4 {
	margin:30px 0 10px 0;
	padding: 3px 0;
	font-size: 19px;
}
.content-container h4.left-line {
	margin:30px 0 10px 0;
	padding: 3px 0;
	font-size: 19px;
	border-left: 5px solid #c6d6f1;
	padding-left: 9px;
}
.content-container h5 {
	margin:24px 0 9px 0;
	padding: 3px 0;
	font-size: 16px;
}
.content-container h5.left-line {
	margin:24px 0 9px 0;
	padding: 3px 0;
	font-size: 16px;
	border-left: 5px solid #DDD;
	padding-left: 9px;
}
.content-container ol {
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
}
.content-container ol li {
	padding:6px 0;
}

.expire-view {
	z-index: 9999;
	position: fixed;
	top: 18%;
	left: 0;
	width: 100%;
}
.expire-view-inner  {
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #d34444;
	filter: alpha(opacity=0.85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	font-size: 24px;
	color: #fff;
	width: 500px;
    margin-left: -250px;
	padding: 50px 0;
}
@media screen and (max-width:768px) {
	.expire-view {
		z-index: 9999;
		position: fixed;
		top: 35vh;
		left: 0;
		width: 100%;
	}
	.expire-view-inner {
		font-size: 18px;
		width: 94%;
	    margin-left: -47%;
	    padding: 20px 0;
	}
}