@charset "utf-8";
/*ヘッダー*/
section h2.form {
	text-align:center;
	background: -prefix-linear-gradient(bottom, rgba(13,111,171,1),rgba(18,130,183,0.9));
	background: linear-gradient(to bottom, rgba(13,111,171,1),rgba(18,130,183,0.9));
	border-radius:5px;
	width:200px;
	margin:30px auto;
	color:#FFF;
}
.thanksbox {
	width:80%;
	margin:0 auto;
	padding:50px 0 200px;
}
.thanksbox p {
	margin-bottom:20px;
}
.thanksbox p.right {
	text-align:right;
}
.disnon {
	display:none;
}
.attention {
	margin-top:-15px;
	text-align:left;
	font-size:75%;
}
::-webkit-input-placeholder {
  font-size:80%;
  color:#8A8A8A;
}
::-moz-placeholder {
  font-size:80%;
  color:#8A8A8A;
}
:-ms-input-placeholder {
  font-size:80%;
  color:#8A8A8A;
}

h2 {
	text-align:center;
	background-color:#F0F0F0;
	padding:3px 0;
	border-radius:15px;
	width:100%;
	margin:20px auto;
	font-size:16px;
	font-size:1.6rem;
}
form#mail_form dl.date_month{
	border-bottom:none;
}
form#mail_form dl.date_month dt.month{
	color: transparent;
	position:relative;
}
form#mail_form dl.date_month dt#title1:after{
	content:"【第1希望】";
	color:#333;
	position:absolute;
	top:0;
	right:0;
}
form#mail_form dl.date_month dt#title2:after{
	content:"【第2希望】";
	color:#333;
	position:absolute;
	top:0;
	right:0;
}
form#mail_form dl.date_month dt#title3:after{
	content:"【第3希望】";
	color:#333;
	position:absolute;
	top:0;
	right:0;
}
form#mail_form dl.date_day {
	border-bottom:none;
}
form#mail_form dl.date_day dt{
	color: transparent;
}
form#mail_form dl.time dt{
	color: transparent;
}
form#mail_form dl.time dd ul li,
form#mail_form dl.sotsugyokbn dd ul li{
	display:inline-block !important;
	margin-right:10px;
}

form#mail_form dl.name,
form#mail_form dl.email,
form#mail_form dl.postal{
	border-bottom:none;
}
form#mail_form dl.other{
	border-bottom:none;
}
form#mail_form dl.birth_year,
form#mail_form dl.birth_month{
	border-bottom:none;
}
form#mail_form dl.birth_month dt,
form#mail_form dl.birth_day dt{
	color: transparent;
}
form#mail_form dl.birth_year dt{
	color: transparent;
	position:relative;
}
form#mail_form dl.birth_year dt#title_bd:after{
	content:"生年月日";
	color:#333;
	position:absolute;
	top:0;
	right:0;
}
form#mail_form dl.date_day dt span,
form#mail_form dl.time dt span,
form#mail_form dl.furigana dt span,
form#mail_form dl.email_kakunin dt span,
form#mail_form dl.birth_month dt span,
form#mail_form dl.birth_day dt span,
form#mail_form dl.address dt span,
form#mail_form dl.graduate_month dt span{
	color: transparent;
	background:none;
}
form#mail_form dl.graduate_year{
	border-bottom:none;
}
form#mail_form dl.graduate_year dt{
	color: transparent;
	position:relative;
}

form#mail_form dl.graduate_month dt{
	color: transparent;
}
form#mail_form dl.graduate_year dt#title_g:after{
	content:"卒業年月";
	color:#333;
	position:absolute;
	top:0;
	right:0;
}


@media print, screen and (min-width:900px) {

}




@media only screen and (min-width:481px) and (max-width:768px) {
/*--------------タブレット----------------------------*/
form#mail_form{
	width : 95%;
	margin : 50px auto;
}



}

@media only screen and (max-width:480px) {
form#mail_form{
	width : 100%;
	margin : 30px auto;
}
form#mail_form dl{
	width : 95%;
	margin : 0 auto;
	display:block;
}
form#mail_form dl dt{
	width : 100%;
	display:block;
	text-align:left;
	padding-bottom:5px;
}
form#mail_form dl dd{
	width : 100%;
	display:block;
}
form#mail_form dl.date_month dt#title1:after,
form#mail_form dl.date_month dt#title2:after,
form#mail_form dl.date_month dt#title3:after,
form#mail_form dl.birth_year dt#title_bd:after,
form#mail_form dl.graduate_year dt#title_g:after{
	left:40px;
}

form#mail_form dl.date_day dt,
form#mail_form dl.time dt,
form#mail_form dl.birth_month dt,
form#mail_form dl.birth_day dt,
form#mail_form dl.graduate_month dt{
	display:none;
}
form#mail_form dl dt span.required{
	margin-right:5px;
}
.attention {
	text-align:left;
	text-indent:-1em;
	margin-left:1em;
}



h2 {
	font-size:1.4rem;
}	
.thanksbox {
	width:90%;
	margin:0 auto;
	padding:30px 0 50px;
}
.thanksbox p {
	margin-bottom:15px;
}

}



.contactArea .tel {
  font-size: 2rem;
  margin: 0 auto 50px;
}
.contactArea .tel caption {
  margin: 0 0 5px;
  background: #CCC;
  text-align: center;
}
.contactArea .tel th {
  width: 140px;
  padding: 0;
  background: none;
}
.contactArea .tel th span {
  display: block;
  padding: 0 0px;
  font-weight: normal;
  color: #FFF;
}
.contactArea .tel th span.honten {
  background: #269A73;
}
.contactArea .tel th span.sutemo {
  background: #C194CD;
}
.contactArea .tel th span.abiko {
  background: #4F7ECD;
}
.contactArea .tel td {
  padding: 5px 10px;
}