@charset "utf-8";
/* CSS Document */


.h2{
	margin:15px 0 25px 0;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	line-height: 0.9;
}

.h2 span{
	font-size: 13px;
	font-weight: normal;
}

/* --------------------------------------------------------- 
	main-img
---------------------------------------------------------- */
.main-img{
	height: 400px;
	width: 100%;
}


/* --------------------------------------------------------- 
	pick-up
---------------------------------------------------------- */
.pick-up-en{
	margin: 0 0 20px 0;
	text-align: center;
}

.pick-up-en span{
	padding: 2px 5px;
	margin: 0 auto;
	background: #0080cc;
	color: #fff;
	font-size: 13px;
	display: inline-block;
}

.pick-up{
	margin: 0 auto;
	width: 1000px;
}
.pick-up li{
	margin: 0 20px;
	background: #fff;
	border: 1px solid #eee;
	box-sizing: border-box;
	float: left;
	height: 280px;
	width: 210px;
}

/* --------------------------------------------------------- 
	topics
---------------------------------------------------------- */
.all-view{
	float: right;
}
.topics{
	padding:30px 0 20px 0;
	background: linear-gradient(to bottom,  #0080cc 0%,#0080cc 50%,#f0f9fd 50%,#f0f9fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: -moz-linear-gradient(
				  top
				, #0080cc 0%
				, #0080cc 50%
				, #f0f9fd 50%
				, #f0f9fd);
	background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#0080cc)
                , color-stop(0.50, #0080cc)
                , color-stop(0.50, #f0f9fd)
                , to(#f0f9fd));
}
.topics-ul{
	padding: 5px 10px;
	margin: 0 auto;
	background: #fff;
	width: 800px;
}
.topics-ul li {
    padding: 28px 10px;
    border-top: 1px dotted #ddd;
}
.topics-ul a{
	color: #222 !important;
}
.topics-ul li:first-of-type { border-top: none }


.category-info,.category-recruit{
	margin-right: 10px;
	color: #fff;
	display: block;
	float: left;
	font-size: 11px;
	height: 14px;
	padding: 2px 3px 4px 3px;
	text-align: center;
	width: 60px;

}
.category-info{
	background: #002e73;
}
.category-recruit{
	background:#2ab7ec;
}

.topics-ul li span.day {
	display:block;
	float:left;
	margin-right:10px;
}

/* --------------------------------------------------------- 
	seminar
---------------------------------------------------------- */
.seminar{
	margin: 40px auto;
	width: 1000px;
}

.seminar li{
	margin:0 0 80px 0;
	background: #fff;
	float:left;
	height: 250px;
	width: 250px;
}

/* --------------------------------------------------------- 
	case
---------------------------------------------------------- */
.case{
	margin: 0 auto;
	width: 1000px;
}
.case-box{
	margin:30px 30px 30px 30px;
	background:#fff;	
	float:left;
	height: 195px;
	width: 425px;
}


/*内容確認*/
ul.ul-process {
	margin:30px 0 50px 70px;
	padding:0;
	list-style:none;
}

/* --------------------------------------------------------- 
	contact
---------------------------------------------------------- */
.tbl-contact{
	border: solid 1px #CCC;
	border-collapse: collapse;
	margin:30px auto;
	width:870px;
}

.tbl-contact th, .tbl-contact td{
	padding: 15px;
	border: 1px solid #ddd;
}
.tbl-contact th{
	font-weight:normal;
	background: #f4f4f4;
}

/*.tbl-contact th{
	width: 20%;
	text-align: left;
}*/


li.li-process {
	display: inline;
	padding: 10px 20px;
	margin: 0;
}

li.li-process-off {
	display:inline;
	padding:10px 20px;
	margin:0;
	background:#CCC;
}

li.li-process-on {
	display:inline;
	padding:10px 20px;
	margin:0;
	background:#002e73;
	color:#FFF;
	font-weight:bold;
}

.btn-submit {
	padding:15px;
	margin:30px auto;
	border:none;
	border-radius:10px;
	background:#002e73;
	width:300px;
	color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
}

/* 個人情報の取り扱いについて */
#ul-privacy {
	padding: 10px;
	box-sizing: border-box;
	list-style-position:inside;
	list-style-type: disc;
	text-indent:-1.5em;
	width: 90%;
	margin: 20px auto 0 auto;
} 

#ul-privacy li{
	margin-bottom: 10px;
}


@media only screen and (max-width:600px){
.section {
	width: 100%;
}

.h1-area-solo h1 {
	line-height: 1em;
	width: 100%;
	font-size: 16px
	}
}