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

/*
============================================================
 就活セミナースタイルシート
 ----------------------------------------------------------
 概要：就活セミナー申込みフォーム使用するスタイルを記述する
============================================================
*/
/*
================= 目次 =================

// 基本レイアウト
//------------------------------
// 共通
//------------------------------
// 当日前後 表示／非表示
//------------------------------
// セミナートップページ (body#seminar-form-top)
// 入力フォーム
// 申込み完了

========================================
*/
/*
============ カラースキーム ============

// メインレッド		：#C7161E
// フォームタイトル	：#613F32
// 茶色リンク		：#613F32
// 補色ブルー		：#025F94
// 同系濃茶色		：#47080B
//------------------------------
// 学生		（極薄）：#EDF3F4
// 学生		（薄色）：#CFDEE3
// 学生		（濃色）：#4F7B8E
// 保護者	（極薄）：#F7E6E8
// 保護者	（薄色）：#E7BCC2
// 保護者	（濃色）：#C15364

========================================
*/

.student-color {color: #4F7B8E;}
.parents-color {color: #C15364;}


/*-------------------------------------
// 基本レイアウト
-------------------------------------*/

body {
/*	width: 1020px !important;	*/
/*	min-width: 1020px !important;	*/
	width: 100%;
	background-color: #FFF;
}

/* header 上書き */
body.seminar-form #header {
	padding-bottom: 0;
}
body.seminar-form #header #header-wrapper {
	width: 1200px;
	margin-bottom: 30px;
}

/* contents 上書き */
body.seminar-form #contents {
/*	width: 800px;	*/
	width: 1000px;	/* イベントページ用サイズに上書き */
}

/* main 上書き */
body.seminar-form #contents #main {
	float:none;
/*	width: 800px;	*/
	width: 1000px;	/* イベントページ用サイズに上書き */
	background-color: #FFF;
	padding-top: 0;
	margin-top: 32px;
	padding-bottom: 20px; 
	position: relative;
}
body.seminar-form #contents #main .ttl-seminar {
	margin-bottom: 20px;
}

#main form {
/*	width:80%;  */
	width:95%;
	margin:0 auto;
}
/*
/ * footer 上書き * /
.footer-main {
/ *	width: 800px;	* /
	width: 1000px;	/ * イベントページ用サイズに上書き * /
}
*/
/*-------------------------------------
// 共通
-------------------------------------*/

/* .article調整 */
.article {
	padding-top: 0;
}

/* 見出し調整 */
.h2 {
	margin-top: 1em;
}
.h3,.h4,.h5 {
	margin-top: 1em;
}

/* フォント */
.blackFont {color: #000 !important;}

/* ヘッダー */
.header-main__inner {
	position: relative;
/*
	width: 1000px;	/ * イベントページ用サイズに上書き * /
*/
}
.header-main .logo {
/*	padding-top: 5px;	*/
	padding-left: 0;
}
.header-main__qr {
	position: absolute;
	top: 0;
	right: 0;
}
.header-main__qr .btn {
	margin: 0;
}

/* ヘッダーメニュー */
#header-menu {
/*	position: absolute;	*/
	text-align: right;
	padding-right: 20px;
	font-size: 0.9em;
/*	top: -26px;	*/
/*	right: 0;	*/
/*	margin: 0;	*/
}
#header-menu li {
	margin-top: 0 !important;
}
@media screen and (max-width:  767px) {
	#header-menu {
		padding-right: 10px;
/*		top: 8px;	*/
		top: 55px;
	}
	#header-menu a {
		font-size: 0.8em;
	}
}
/* @media screen and (max-width:  650px) {
	#header-menu {
	}
} */

/* グローバルナビ非表示 */
body.seminar-form #header #header-wrapper ul#navi {
	display: none;
}

/* Zoom情報box */
.zoom-info {
	background-color: #f0f6f9;
	padding-right: 1em;
	padding-left: 1.5em;
	word-wrap: break-word;
}

/*-------------------------------------
// 当日前後 表示／非表示
// config.phpのFLG_AFTER_EVENTの前後での表示制御
-------------------------------------*/
/* デフォルト非表示 */
.before-block        {display:none;}
.before-inline       {display:none;}
.before-inline-block {display:none;}
.after-block         {display:none;}
.after-inline        {display:none;}
.after-inline-block  {display:none;}
/* 前日以前 */
.before-event .before-block        {display:block;}
.before-event .before-inline       {display:inline;}
.before-event .before-inline-block {display:inline-block;}
/* 当日以降～ */
.after-event  .after-block         {display:block;}
.after-event  .after-inline        {display:inline;}
.after-event  .after-inline-block  {display:inline-block;}


/*-------------------------------------
// セミナートップページ (body#seminar-form-top)
-------------------------------------*/

body#seminar-form-top #header-menu li.seminar-top-link {
	display: none;
}

/* body#seminar-form-top #main>ul>li>p,
body#seminar-form-top #main>ul>li>dl,
body#seminar-form-top #main>ul>li>ul,
body#seminar-form-top #main>ul>li>ol{
	margin-top: 0.5em;
} */

body#seminar-form-top #main>ul>li>p,
body#seminar-form-top #main>ul>li>dl,
body#seminar-form-top #main>ul>li>ul,
body#seminar-form-top #main>ul>li>ol,
body#seminar-form-top #main>ul>li>div {
	font-size: 1.05em;
}
body#seminar-form-top #contents #main>ul>li {
	/* margin-top: 10px; */
}

/* クオカードプレゼント */
.quo-info,
body#seminar-form-top ul li#seminar-list-quo p.quo-present {
	text-align: center;
	background-color: #FFF1F1;
	border-radius: 3px;
	padding: 1em;
	line-height: 1.2;
	margin: 1em !important;
}
.quo-info .quo-info__title {
	font-size: 1.2em;
	color: #d7000f;
	font-weight: bold;
}
.quo-info .quo-info__note {
	font-size: 0.9em;
}

/* 日程と会場 */
body#seminar-form-top ul li#seminar-list-date p.seminar-date,
body#seminar-form-top ul li#seminar-list-date p.seminar-place,
body#seminar-form-top ul li#seminar-list-date p.seminar-capacity {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
	font-family: "メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
}
body#seminar-form-top ul li#seminar-list-date p.seminar-capacity {
	line-height: 1.4;
}
body#seminar-form-top ul li#seminar-list-date p.seminar-place .seminar-place-note {
	font-weight: normal;
	font-size: 0.7em;
	padding-left: 6em;
	position: relative;
	top: -3px;
	left: 0;
}
body#seminar-form-top ul li#seminar-list-date p.seminar-place .seminar-place-note a {
	text-decoration: underline;
}

/* 参加企業 */
.kigyo-list__item {
	width: 33%;
	font-size: 0.9em;
}
@media screen and (max-width:  767px) {
	.kigyo-list__item {
		width: 50%;
	}
}
@media screen and (max-width:  650px) {
	.kigyo-list__item {
		width: 100%;
		font-size: 1em;
	}
}

/* 各種お知らせ、注意事項 */
body#seminar-form-top #seminar-list-caution.caution_list li {
	font-size: 0.9em !important;
	margin-top: 0.4em;
	line-height: 1.3;
}

/* お申込み */
body#seminar-form-top ul li#seminar-list-entry .btn {
	width: 300px;
	max-width: 90%
}
body#seminar-form-top ul li#seminar-list-entry p {
	font-size: 1.1em;
}
body#seminar-form-top ul li#seminar-list-entry p.warning {
	font-size: 1em;
	color: #F00;
	text-indent: -1em;
	margin-left: 1em;
	text-align: center;
}
body#seminar-form-top ul li#seminar-list-entry ul.caution_list li {
	text-indent: -1em;
}
div.entry-box {
	width: 620px;
	padding: 30px 0 !important;
	margin: 20px auto 30px;
	background-color: #F6F6F6;
	border: 4px solid #CCC;
	text-align: center;
}
div.entry-box ul li {
	width: 362px;
	position: relative;
	display: inline-block;
}
/*
div.entry-box ul li.entry-student {
	float: left;
}
div.entry-box ul li.entry-parents {
	float: right;
}
*/
div.entry-box ul li p {
	padding-left: 0;
}
div.entry-box ul li p.btn-title {
	font-size: 1.3em;
	border-left: 8px solid #999;
	padding-left: 10px;
	padding-top: 3px;
	margin-bottom: 14px;
	line-height: 1.4;
}
div.entry-box ul li.entry-student p.btn-entryform       {border: 1px solid #CFDEE3;}
div.entry-box ul li.entry-parents p.btn-entryform       {border: 1px solid #EAC7CC;}
div.entry-box ul li.entry-student p.btn-entryform:hover {border: 1px solid #4F7B8E;}
div.entry-box ul li.entry-parents p.btn-entryform:hover {border: 1px solid #C15364;}
div.entry-box ul li p.img-closed {
	position: absolute;
	top: -25px;
	left: -10px;
}
div.entry-box ul li.entry-student,
div.entry-box ul li.entry-parents {
	margin: 0.5em 0;
}
div.entry-box .btn-entryform a {
	display: block;
}
body:not(#guidance) .entry-box .btn-entryform img {
	max-width: 100%;
}
div.entry-box .entry-note{
	margin-bottom: 1em;
	font-size: 1em !important;
	text-align: center;
}

/* 個人情報の保護について */
body#seminar-form-top ul li#seminar-list-privacy p.privacy-link {
	margin-top: 10px;
}
body#seminar-form-top ul li#seminar-list-privacy p.privacy-link a {
	padding-left: 1em;
	text-decoration: underline;
}

/* お問い合わせ */

/* 主催・協力 */
body#seminar-form-top ul li#seminar-list-host dl dt {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 10px;
}
body#seminar-form-top ul li#seminar-list-host dl dd {
	padding-left: 20px;
}




/*-------------------------------------
// 入力フォーム
-------------------------------------*/

.msg {
	font-size: 1.1em;
}

#main div.form-title {
	overflow: hidden;
	text-align: center;
	padding: 30px 0;
	width: 100%;
}

#main form p.lead {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
#main form ul.seminar-caution {
	padding-left: 30px;
}
#main form p.hissu-title {
	margin-top: 1em;
	padding-left: 30px;
}

#main div#seminar-form {
	position: relative;
}

#main form h2, 
#main form h3,
#main form h4 {
	margin:0 0 0 1em;
	font-weight:bold;
}
#main form h2 {
	color:#666;
}
#main form h4 {
/*	width:97%;	*/
	width:100%;
	margin:1.5em 0 1em 0;
	padding:0.5em 0 0.3em 3%;
	border-top:1px solid #999;
	color: #333;
	font-size: 1.3em;
	background-color: #EEE;
	line-height: 1.8;
}
/*
#main form h4 {
	color:#333;
	font-size: 1.1em;
}
*/

#main .submit-button {
	padding-top: 20px;
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
}
/* 募集終了 */
#main .submit-end {
	padding-top: 20px;
	text-align: center;
	height: 85px;
	color: #B41F45;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5;
}

#main form .input-error,
#main form .hissu-icon {
	color:#c00;
	font-weight: normal;
}
#main form#entry-list-form table tr th .hissu-icon {
	margin-left: 8px;
	font-size: 0.9em;
}
#main form .input-error {
	font-size: 0.9em;
	padding-top: 5px;
	font-weight: bold;
}

#main form#entry-list-form table {
/*	color:#c00;	*/
	width:100%;
	overflow:hidden;
}

#main form#entry-list-form table tr th {
	padding: 1em 0 0.7em 0;
	font-weight:600;
	text-align: right;
}
#main form#entry-list-form table tr th {
	padding-top: 0.7em;
}
#main form#entry-list-form table {
	width: 94%;
	margin: 0 auto;
}
#main form#entry-list-form table tr th,
#main form#entry-list-form table tr td {
	padding: 15px 10px;
	border-bottom:1px dotted #CCC;
}
#main form#entry-list-form table tr:first-child th,
#main form#entry-list-form table tr:first-child td {
	border-top:1px dotted #CCC;
}
#main form#entry-list-form table tr th {
	color: #333;
}
/*#main form#entry-list-form.index-form   table tr th { min-width: 194px; }*/
#main form#entry-list-form.index-form   table tr th { min-width: 212px; }
#main form#entry-list-form.confirm-form table tr th { min-width: 155px; }
#main form.confirm-form .submit-button {
	position: relative;
	left: 120px;
}
#main form#return-form {
	position: absolute;
	bottom: 22px;
	left: 130px;
	width: 200px;
}
#main form#return-form p.submit-button {
	padding: 0;
	width: 200px;
}

#main form#entry-list-form table tr td span.input-example {
	font-size: 0.8em;
	font-weight: normal;
	color: #666;
	line-height: 1.3;
}

#main form#entry-list-form table tr td {
	width: 80%;
	background-color: #FFF;
	margin: 0;
	padding: 0.7em 0 0.7em 20px;
	min-height: 1.3em;
}

#main form#entry-list-form table tr td .input-error {
	margin-bottom: 0px;
	margin-left: 10px;
	font-weight: 600;
	font-size: 1em;
}
@media screen and (max-width:  767px) {
	#main form#entry-list-form table tr td .input-error {
		font-weight: 500;
		font-size: 1.1em;
	}
}

#main form#entry-list-form table tr td input {
	width: 90%;
}

/* フォーム共通上書き */
#main form input[type="text"], 
#main form input[type="tel"], 
#main form textarea, 
#main form select,
#main form input[type="password"] {
	margin: 0 5px;
	padding: 5px 1px 4px 5px;
}
#main form#entry-list-form table tr td input[type="radio"],
#main form#entry-list-form table tr td input[type="checkbox"] {
	width: auto;
}
#main form input[type="text"]:focus,
#main form input[type="tel"]:focus,
#main form textarea:focus,
#main form select:focus,
#main form input[type="password"]:focus {
	background-color: #fffcef !important;
	border: 1px solid #efc400 !important;
}

/* エラーハイライト */
#main form#entry-list-form table tr .err-highlight input[type="text"], 
#main form#entry-list-form table tr .err-highlight input[type="tel"], 
#main form#entry-list-form table tr .err-highlight textarea, 
#main form#entry-list-form table tr .err-highlight select,
#main form#entry-list-form table tr .err-highlight input[type="password"] {
	background-color: #FFF3F3 !important;
	border: 1px solid #FF6060;
}

/* 項目個別スタイル */
#main form#entry-list-form table tr td .name-kanji-sei,
#main form#entry-list-form table tr td .name-kanji-mei,
#main form#entry-list-form table tr td .name-kana-sei,
#main form#entry-list-form table tr td .name-kana-mei {
	width: 120px;
}
#main form#entry-list-form table tr td input.zip_code {
	width: 80px;
}

#main form#entry-list-form table tr td.gyokais {
	line-height: 1.8;
}

#main form#entry-list-form table tr td label.apply_end {
	color: #999;
}


div.bottom-caution {
	font-size: 0.8em;
	text-indent: -40px;
	padding: 10px 10px 10px 80px;
	color: #333;
	line-height: 1.2;
}
div.bottom-caution strong {
	font-size: 1.1em;
}


/* その他 */
#main form p.other-note-remark {
	font-size: 0.9em;
	color: #333;
	padding-left: 3em;
	padding-bottom: 6px;
}
#main form textarea.other-note {
	font-size: 1em;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 1em;
	width: 80%;
	height: 50px;
}

/* IME-MODE制限 */
#main form#entry-list-form table tr td input.no-ime {ime-mode:disabled;}

/* form特記事項分　調整 */
#main form#entry-list-form table tr.special th              {width: 140px;}
#main form#entry-list-form table tr.special td              {width: 330px;}
#main form#entry-list-form table tr.special td input        {width: 320px;}
#main form#entry-list-form table tr.special td .input-error {width: 310px;}


/*-------------------------------------
// 申込み内容確認
-------------------------------------*/

.final-answer {
	color: #D7000F;
}
.final-answer__image {
	width: 150px;
	max-width: 25%;
	height: auto;
	padding: 0 0 0 2em;
}
.final-answer__detail {
	padding: 0 1em 0 0.5em;
}
@media screen and (max-width:  767px) {
	.final-answer__image {
		padding-left: 0.5em;
	}
	.final-answer__detail {
		padding-right: 0.5em;
	}

}

/*-------------------------------------
// 申込み完了
-------------------------------------*/

#main div#complete-area {
	min-height: 250px;
	padding: 30px 0 30px;
	font-size: 1.1em;
}
#main div#complete-area p {
	padding-left: 60px;
}
#main div#complete-area p.complete-lead {
	font-size: 1.1em;
	margin: 1em 0 3em;
	text-align: center;
	padding-left: 0;
}
#main div#complete-area p.complete-info {
	line-height: 1.7;
}
#main div#complete-area p a:not(.btn) {
	text-decoration: underline;
}

#main div#complete-area dl.freemail-caution {
	font-size: 0.9em;
/*	margin-top: 0.3em;  */
	padding-left: 60px;
}
#main div#complete-area dl.freemail-caution dt,
#main div#complete-area dl.freemail-caution dd {
	color: #555;
}
#main div#complete-area dl.freemail-caution dt {
	padding-left: 0px;
}
#main div#complete-area dl.freemail-caution dd {
	padding-left: 10px;
}

#main div#complete-area ul.sns-lead-list                  {margin-top: 1em;}
#main div#complete-area ul.sns-lead-list li.lead-facebook {float:  left; width: 390px;}
#main div#complete-area ul.sns-lead-list li.lead-twitter  {float: right; width: 390px;}

#main div#complete-area div.parents-lead h3 {background: url(../img/ttl_sns_parents.png) no-repeat 0 0; height: 150px;}
#main div#complete-area div.student-lead h3 {background: url(../img/ttl_student_touroku.png) no-repeat 0 0; height: 100px;}
#main div#complete-area div.student-lead ul.tokuten {
	background: url(../img/bnr_student_touroku.png) no-repeat 0 0;
	height: 88px;
	margin-top: 2em;
	margin-bottom: 2em;
}

#main div#complete-area div.student-lead form {
	width: 100%;
	
}

#seminar-form td.radios.vertical label{
	display: block;
}

table.timetable {
	margin-left: 20px;
	min-width: 280px;
}

table.timetable .header-row th{
    padding-top:0.5em;
    padding: 1em 0 10px;
    font-size: 1.3em;
}

table.timetable td {
    border: 1px solid #ccc;
    padding: 5px 25px;
}

table.timetable tr td:nth-child(2){
	padding-left: 1em;
	min-width: 500px;
}

table.timetable tr:nth-child(2n){
	background: #eee;
}
/* 
a.btn-seminar{
	min-width: 280px;
	text-align:left;
}
 */

 /* オンライン就職説明会用 */
#seminar-list-entry ul.caution_list li {
    text-indent: -1em;
}

/* オンライン 手順強調 */
body#seminar-form-top .view-step {
	font-size: 1.1em !important;
	font-weight: bold;
}
body#seminar-form-top .view-step li {
	text-indent: -1em;
	margin-left: 1em;
}

body#seminar-form-top .caution_list li {
	font-size: 0.9em !important;
	margin-top: 0.4em;
	line-height: 1.3;
}

.meeting-images {
	text-align : center;
	margin: 5px;
}