@charset "UTF-8";
:root{font-size: 62.5%;}

#wrapper {max-width: 1;width: 73.5rem;max-width: 100%;}

#site_title{
width: 100rem;
margin: 0 auto;
padding-top:0.6rem;
color: #000;
font-size: 90%;
}


iframe {
width: 67rem;
border: 1px solid #D3D3D3;
}

optgroup {
	font-style:normal;
}

/* テーブルの外
の背景 */

header{
height:11rem!important;
}

#contents_form{
	width: 67.5rem;
	margin: 0 auto;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.3rem;
	line-height: 1.5;
	max-width: 100%;
	vertical-align: middle;
	}

#contents_form .section_form {
	clear: both;
	margin: 0 0 0 0;
}

#contents_form form h3{
	font-size: 1.8rem;
	line-height: 1.2;
	font-weight: bold;
	margin: 2rem 0.5rem 0.5rem 0.5rem;
	padding: 1rem 1.5rem 0.7rem;
	color: #fff;
	background-color: #666;
}

#contents_form form .formatt{
	font-weight:bold;
	color: #FF0000;
}

#contents_form form table.table_form {
	width:100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0.5rem;
}
/* 左セルの背景 */
#contents_form form .table_form th {
	width:15rem;
	padding:1rem;
	background-color: #f0f0f0;
	border: solid 0.3rem #f0f0f0;
	font-weight:normal;
	vertical-align: middle;
	line-height:1.2;
	}

/* 右セルの背景 */
#contents_form form .table_form td {
	padding: 1rem 0.5rem 1rem 2rem;
	border: solid 0.3rem #f0f0f0;
	vertical-align: middle;
	line-height:2.0;
	}
#contents_form form .table_form td .rfc {
    display: flex;
    gap: 0.4rem;
    font-size: 1.1rem;
    line-height: 1.2;
    margin-top: 1.2rem;
    margin-bottom: 0.6rem;
}

#contents_form form .table_form td .rfc .inner_wrap::before {
    content: "例：";
}

#contents_form form .table_form td .rfc .inner_wrap {
    display: flex;
    margin-top: 0.4rem;
}

#contents_form form .table_form td .rfc::before {
    content: '※';
}

#contents_form form .table_form td .rfc {}
/* 左セル一番下の背景 */
#contents_form form .table_form th.last {
	border-collapse:collapse;
	font-weight:normal;
	}
/* 右セル一番下の背景 */
#contents_form form .table_form td.last {
	padding: 1rem 0.5rem 1rem 2rem;;
	border-collapse:collapse;
	line-height:2.0;
	}
#contents_form form .table_form td.last2 {
	padding: 1rem 1rem 1.6rem 4rem;
	border-collapse:collapse;
	line-height:2.0;
	}
#contents_form form .table_form th.full{
	width:55rem;
	padding:1rem;
	border-collapse:collapse;

	font-weight:normal;
	vertical-align:top;
	line-height:2.0;
	}
#contents_form form .table_form td.full {
	padding:1rem;
	border-collapse:collapse;

	vertical-align:top;
	line-height:2.0;
	}
/****** エラー時 ******/
/* 左セルの背景 */
#contents_form form .table_form th.err {
	width:12rem;
	padding:1rem;
	border-collapse:collapse;
	background:url(/form/common/img/table_form_err_bg.gif) no-repeat bottom left;
	font-weight:normal;
	vertical-align:top;
	line-height:2.0;
	}
/* 右セルの背景 */
#contents_form form .table_form td.err {
	padding: 1rem 0.5rem 1rem 2rem;;
	border-collapse:collapse;
	background:url(/form/common/img/table_form_err_bg.gif) repeat bottom right;
	line-height:2.0;
	}
/* 左セル一番下の背景 */
#contents_form form .table_form th.lasterr {
	width:12rem;
	padding-bottom:1.6rem;
	background:url(/form/common/img/table_form_err_bottom_bg.gif) no-repeat bottom left;
	vertical-align:top;
	line-height:2.0;
	}
/* 右セル一番下の背景 */
#contents_form form .table_form td.lasterr {
	padding:1rem 1rem 1.6rem 1rem;
	border-collapse:collapse;
	background:url(/form/common/img/table_form_err_bottom_bg.gif) no-repeat bottom right;
	vertical-align:top;
	line-height:2.0;
	}
#contents_form form .table_form th.fullerr,
#contents_form form .table_form td.fullerr{
	width:55rem;
	padding:1rem;
	border-collapse:collapse;
	background:url(/form/common/img/table_form_err_th_full_bg.gif) no-repeat center bottom;
	font-weight:normal;
	vertical-align:top;
	line-height:2.0;
	}
#contents_form form .table_form td td {
	padding:0;
	border-collapse:collapse;
	background:none;
	vertical-align:middle;
	line-height:1.8;
	}


#contents_form form .table_form span.noico{
	margin-left:2rem;
}


#contents_form form .table_form.privacy_form th {
	width:6rem;
	vertical-align: top;
}

#contents_form form .table_form td .jyoukyou{
float:left;
margin-right: 2.5rem;
}

#contents_form form .table_form td .jyoukyou_label{
height: 2.6rem;
}

#contents_form form .table_form td .jyoukyou select{
margin: 0;
}

#contents_form form .table_form td select{
height: 2.6rem;
padding: 0.3rem;
line-height: 2rem;
}

#nowpage{width:67.5rem;margin:0 auto;max-width: 100%;}

#nowpage .img{
text-align:center;
margin-top:1.5rem;
}

#nowpage .step {
    padding-left: 1.5rem;
}

#nowpage .stepttl{
margin-top:1rem;
font-size:163%;
}


#contents_form form .table_form .subttl{
}

#contents_form form .formatt4{
	font-weight:bold;
	color: #1364a3;
}

＃contents_form .last textarea {
	width: 43.1rem;
	height: 11rem;
}


textarea.pp_txt {
	width: 66rem;
	background-color: #ffffff;
	font-size: 1.2rem;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana, sans-serif;
	margin:0 0.5rem 2rem 0.5rem;
}



#know-check {
	margin-bottom:2rem;
	}
	
#know-check ul li {
	width:14.9rem;
	float:left;
/*	display:none; */
	}

#know-radio,#know-pull{
/*	margin-bottom:2rem;*/
	display:none;
	}

#know-radio ul li {
	width:14.9rem;
	float:left;
	display:none;
	}

#know-pull ul li {
	display:none;
	margin-bottom: 1rem;
}

#know-pull ul li span {
	display:inline-block;
	width:15rem;
}

#know-etc{
	margin-bottom:2rem;
	display:none;
}

#know-radiolist input[type="radio"] {
	margin: 0px 0.5rem 0px 0px;
}

#know-pull select {
	width: 22rem;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 0.2rem;
	display: none;
	width:1px;
	height:1px;
}
.ui-datepicker .ui-datepicker-next {
	right: 0.2rem;
	display: none;
	width:1px;
	height:1px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 94%;
	font-size: 1.2rem;
	border-collapse: collapse;
}
.ui-datepicker thead {
	border: 0.2rem solid #fbd850;
}

.ui-datepicker th {
	padding: .5em .5em!important;
	text-align: center!important;
	font-weight: bold!important;
	margin 0 0.5rem!important;
	line-height: 1.3!important;
}



/* -----------------------------------------------------------------------------
** #calender
----------------------------------------------------------------------------- */


#calenderpicker {
	margin-bottom:1rem;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .5em 0 0 0;
	padding: 0 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-datepicker-group{
	width:14.8em;
	height: 15.2em;
	border-radius: 0.5rem;
	border: 0.9rem solid #949494;
	float:left;
	margin-right: 1rem;
	display: inline;
	background: #fff;
}

.ui-datepicker-group{
	height:15.4em\9;
}

.ui-datepicker-group-first{

}

.ui-datepicker-header {
	line-height: 1em;
	text-align: center;
	color: #ffffff;
	background-color: #949494;
	font-weight:bold;
	/zoom:1;
}

.ui-datepicker-title{
	text-align:left;
}

.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	text-align: center;
}

.ui-datepicker table{
	border-collapse: separate;
	*border-collapse:collapse; /* for IE6,7 */
	border-spacing:0;
	empty-cells:show;
	border: solid 0.2rem #949494;
}

.ui-datepicker-calendar {
	margin: 3.5%;
}

*+html .ui-datepicker-calendar {
	margin: 1.2% 0.6%;/* for IE7 */
}



/* Overlays */
.ui-widget-overlay {
	background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
	margin: -0.5rem 0 0 -0.5rem;
	padding: 0.5rem;
	background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 0.5rem;
}


  .ui-datepicker-date-exist .ui-state-default {
    background-image : none;
    background-color : #ebfbde;
  }
  
  
  
 /* テーブルの内項目 */
 
.table_form_bg .table_form select, 
.table_form_bg .table_form textarea, 
.table_form_bg .table_form input {
	border: solid 1px #a1afb5;
	height: 1.6rem;
}

.table_form_bg .table_form select:focus, 
.table_form_bg .table_form textarea:focus, 
.table_form_bg .table_form input[type="text"]:focus {
	background: #fff0f0;
}

#contents_form form .table_form .ui-datepicker-calendar table {
	border: 0.2rem solid #949494;
	margin: 0.4em;
}


#contents_form form .table_form .ui-datepicker-calendar tr th,
#contents_form form .table_form .ui-datepicker-calendar tr td {
	border: none;
	border-left: 1px dotted #adadad;
	border-bottom: 1px dotted #adadad;
}

#contents_form form .table_form .ui-datepicker-calendar tr td:first-child,
#contents_form form .table_form .ui-datepicker-calendar tr th:first-child {
	border-left: none;
	border-bottom: 1px dotted #adadad;
}

#contents_form form .table_form tr .ui-datepicker-calendar th,
#contents_form form .table_form .ui-datepicker-calendar tr th:first-child, 
#contents_form form .table_form .ui-datepicker-calendar tr th {
	border-bottom: 1px solid #adadad;
	background: #ededed;
	height: 1.5rem;
}
 
#contents_form form input[type="checkbox"] {
	margin: 0 3% 0 0;
	position: relative;
  top: 0.4rem;
  left: 0;
}

#contents_form form input[type="radio"]  {
	margin: 0px 0.4rem 0px 0px;
	position: relative;
	top: 0.4rem;
	left: 0;
}

.table_form .table_small {
	font-size: 1.2rem;
}

#contents_form #know-etc textarea {
	margin-left: 3.5rem;
	width: 40.1rem;
	height: 10rem;
}

#contents_form .last textarea {
	width: 41.7rem;
	height: 10rem;
}
#contents_form .last2 textarea {
	width: 39.5rem;
	height: 10rem;
}

.form_btn {
	clear:both;
	text-align:center;
	padding: 2rem 0 1.5rem;
	margin:0 auto;
	vertical-align:middle;
}
#contents_form  .form_btn input {
	margin-right:1rem;
	display: block;
	vertical-align:middle;
	display: inline-block;
}




#contents_form .submitbutton-s2{
	border:0;
	width:26.7rem;
	height:4.9rem;
	background: url(../img/btn_to-s2.png) left top no-repeat;
}

#contents_form .submitbutton-s2:hover{
	background: url(../img/btn_to-s2_ov.png) left top no-repeat;
}




#contents_form .submitbutton-tsugi{
	border:0;
	width:26.7rem;
	height:4.9rem;
	background: url(../img/btn_to-tsugi.png) left top no-repeat;
}

#contents_form .submitbutton-tsugi:hover{
	background: url(../img/btn_to-tsugi_ov.png) left top no-repeat;
}


#contents_form .submitbutton-kakunin{
	border:0;
	width:26.7rem;
	height:4.9rem;
	background: url(../img/btn_to-kakunin.png) left top no-repeat;
}

#contents_form .submitbutton-kakunin:hover{
	background: url(../img/btn_to-kakunin_ov.png) left top no-repeat;
}




#contents_form .submitbutton-soushin{
	border:0;
	width:26.7rem;
	height:4.9rem;
	background: url(../img/btn_to-soushin.png) left top no-repeat;
}

#contents_form .submitbutton-soushin:hover{
	background: url(../img/btn_to-soushin_ov.png) left top no-repeat;
	cursor: pointer;
}



#contents_form .submitbutton-no-to{
	border:0;
	width:26.7rem;
	height:4.9rem;
	background: url(../img/btn_no-to.png) left top no-repeat;
}


#contents_form .button-modoru{
	border:0;
	border: none;
	background: url(../img/icon_modoru.gif) left center no-repeat;
	padding-left: 0.9rem !important;
	text-decoration: underline;
	margin-top: 1.4rem;
	height: auto;
}

.button-modoru:hover{
	text-decoration: none;
	cursor: pointer;
}

.button-modoru:{
	border:0;
	border: none;
}



#contents_form form .table_form td.err {
	background-color:#ffdfe0;
}

#contents_form form .table_form td.ok {
	background-color:#effff4;
}


.formRuleMsg{

	display:none;
}

.formErrorMsg{
	display:none;
}


.checkfield{
	position:relative;
	line-height: 1.7rem;
}

.formErrorMsg{
	position: absolute;
	background: #ffffff;
	border: 0.2rem solid #f12b2b;
	padding: 0.5rem 1.3rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
	border-radius: 0.5rem;
	behavior: url("/js/PIE.htc");
	margin-left: 1.5rem;
	box-sizing: border-box;
	bottom: 0.6rem;
	left: -2.5rem;
	z-index: 1000;
}

.formErrorMsg .Msg:before,
.formErrorMsg .Msg:after{
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.formErrorMsg .Msg:before {
	 border-color: rgba(241, 43, 43, 0);
	 border-top-color: #f12b2b;
	 border-width: 1.3rem;
	 left: 35%;
	 margin-left: -1.3rem;
}

.formErrorMsg .Msg:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 1rem;
	left: 35%;
	margin-left:-1rem;
}
.formErrorMsg .Msg{
	color :#f12b2b;
}


.formRuleMsg{
	position:absolute;
	background: #ffffff;
	border: 0.2rem solid #0a4eb5;
	padding: 0.5rem 1.3rem;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	-o-border-radius: 0.5rem;
	-ms-border-radius: 0.5rem;
    border-radius: 0.5rem;
	behavior: url("/js/PIE.htc");
	margin-left:1.5rem;
	box-sizing: border-box;
	bottom: 0.6rem;
	left: -2.5rem;
	z-index: 1000;
}

.formRuleMsg .Msg:before,
.formRuleMsg .Msg:after{
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.formRuleMsg .Msg:before {
	 border-color: rgba(10, 78, 181, 0);
	 border-top-color: #0a4eb5;
	 border-width: 1.3rem;
	 left: 35%;
	 margin-left: -1.3rem;
}

.formRuleMsg .Msg:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 1rem;
	left: 35%;
	margin-left:-1rem;
}
.formRuleMsg .Msg{
	color :#0a4eb5;
}



/* [20140513_変更箇所 ▼] */
#contents_form input {
	padding: 0.4rem;
	margin: 0;
}
#contents_form [type="hidden"] + .placeholder{
    display: none !important;!i;!;
}

.form_thx_blc_01 img,
.form_thx_blc_02 img {
	float: right;
	margin-left: 2.6rem;
}

.form_thx_blc_01 img {
	margin-top: 1rem;
}

.form_thx_blc_02 img {
	margin-top: 2.5rem;
}

.form_thx_blc_02 p,
.form_thx_blc_01 p {
	float: left;
	width: 41.5rem;
}

.form_thx_blc_01 p {
	margin-bottom: 3rem;
}

.form-thxttl {
    font-size: 157%;
    text-align: center;
    padding: 1.7rem 0;
}

.form-totop-btn {
	text-align: center;
	padding: 3.5rem 0 1.3rem;
}


input:focus::-webkit-input-placeholder{
    color: transparent!important;
}
input:focus::-moz-placeholder{
    color: transparent!important;
}
input:focus:-moz-placeholder{
    color: transparent!important;
}

#jyokyoError{
	left: -2.4rem;
	width: 13.4rem;
	bottom: -2.1rem;
}

#nenreiError,
#nenreiRule{
	left: 28.6rem;
	width: 14.9rem;
	bottom: -2.1rem;
}

#gakunenError{
	left: 13.4rem;
	width: 13.4rem;
	bottom: -2.1rem;
}

#kokyakuname_meiError,
#kokyakuname_kana_meiError,
#kokyakuname_meiRule,
#kokyakuname_kana_meiRule {
	left: 20rem;
}

#okButton input:hover {
	cursor: pointer;
}


.placeholder {
	top: 0px !important;
	left: 0px !important;
	padding: 0.5rem !important;
	font-size: 100% !important;
	line-height: 1.7rem !important;
	text-align: left !important;
	color: rgb(153, 153, 153) !important;
	overflow: hidden !important;
	position: absolute !important;
	z-index: 99 !important;
}

.form_btn .placeholder {
	text-indent: -999.9rem;
}

.pickuped_date {
	font-size: 110%;
	font-weight: bold;
}

.js-hidden  {
	line-height: 0;
	height: 0;
	display:none !important;
}

.input-cover {
	text-align: left;
	position: relative;
	display: inline-block;
	/display: inline;
	/zoom: 0;
}

#contents_form form .table_form th.media-ttl {
	vertical-align: top;
}

#contentWrapper > h2 {
	font-size: 1.5rem;
}

.astarisk-small {
	vertical-align: top;
	font-size: 10%;
}

#know-radio .formErrorMsg{
    bottom: auto;
    top: -4.3rem;
}

#checkboxColor .formErrorMsg{
    bottom: auto;
    top: -4.3rem;
}

select[name="ZOKUGARA"],
select[name="JYOKYO"],
select[name="GAKUNEN"]   {
	width: 13rem;
}

input[name="NENREI"] {
	width: 5rem;
}

#contents_form select[name="JYUSYO1_1"] {
width: 13rem;
}


/* 見学会情報のみ */
.raiko_txt {
	line-height: 1.3;
	margin-bottom: 1.5rem;
}

/* 2015-08-18 add */
#contents_form input[name="KOKYAKUNAME_SEI"], input[name="KOKYAKUNAME_MEI"], input[name="KOKYAKUNAME_KANA_SEI"], input[name="KOKYAKUNAME_KANA_MEI"], input[name="TEL"], input[name="ZIP"] {
  width: 15rem;
}
#contents_form input[name="MAILADDRESS"], input[name="JYUSYO1_2"], input[name="JYUSYO2"] {
  width: 25rem;
}