@charset "utf-8";

/*iphone スタイルリセット
-----------------------------------------------------------------------------*/


.tac{text-align: center}

/*研修会一覧ページ
-----------------------------------------------------------------------------*/




#seminar_info dl{margin: 1em 0}
#seminar_info dl dt,#seminar_info dl dd{display: inline-block; margin:0 0.5em 0.5em 0}
#seminar_info dl dt{width:5em; padding: 0 0.5em; margin-left: 0.5em; background-color:#b80000; color:#fff;text-align: justify;  text-align-last: justify;  text-justify: inter-ideograph; box-sizing: border-box}


#seminar_info ul{list-style: none; padding-left: 0}
#seminar_info ul li{list-style: none}
#seminar_info ul li:before{content:"※注意"; margin-right: 1em; color: #b80000 }


@media screen and (max-width: 770px){
#seminar_info ul li:before{display: block}
}

#seminar_info #info_box{
	border:4px solid #ffffff;
	box-shadow:0px 0px 5px 1px rgba(8,8,8,0.15);
	-moz-box-shadow:0px 0px 5px 1px rgba(8,8,8,0.15);
	-webkit-box-shadow:0px 0px 5px 1px rgba(8,8,8,0.15); 
	 background-color: #e1eaef;
	padding:20px;
	position: relative;
	}
#seminar_info #info_box::before{
	content:"";
	width: 0;
	height: 0;
	border-top: 20px solid #003179;
	border-right: 20px solid #E1EAEF;
	border-bottom:20px solid inherit;
	border-left:20px solid inherit;
	position: absolute;
	top:0;
	left: 0;
}



#seminar_info #info_box .seminar_article{border: #C4C4C4 3px solid; margin-bottom: 1em;}
#seminar_info #info_box .seminar_article div:not(.polygon){padding: 0.5em; min-height:2.5em; line-height:1.5em; box-sizing: border-box }
#seminar_info #info_box .seminar_article .date,
#seminar_info #info_box .seminar_article .title{background-color:#ebf5fb; }
#seminar_info #info_box .seminar_article .date .status{display: inline-block; padding:0 0.5em; width:8em; color:#ffffff; margin-left: 1em;vertical-align: middle; font-size: 0.75em; text-align: center}
	.s_01{background-color:#6C6C6C}/*受付終了*/
	.s_02{background-color:#DC0E11;}/*中止*/
	.s_03{background-color:#24531E}/*キャンセル待ち*/
	.s_04{background-color:#442B77;}/*満席*/
	.s_05{background-color:#1183D5;}/*追加*/
#seminar_info #info_box .seminar_article .type,
#seminar_info #info_box .seminar_article .link{background-color:#e1eaef; }
#seminar_info #info_box .seminar_article .link{position: relative}
	
#seminar_info #info_box .seminar_article .link a{display: inline-block;	background:url(../img/articlelink.png); background-repeat: no-repeat; background-size: contain; text-decoration: none; height: 2em; width:8em;padding: 0 1.5em 0 1em; line-height: 2em; position: absolute; right:0; top:0; bottom:0; margin: auto; cursor: pointer}
	
#seminar_info #info_box .seminar_article .link a:hover{color:#b80000;	text-decoration: none}



/*詳細情報ページ
-----------------------------------------------------------------------------*/
#seminar_detail{max-width:800px; margin:auto; padding:0.5em; box-sizing: border-box}
#seminar_detail dl{border:#000000 solid 1px; border-width: 0 0 1px 1px; padding: 0; background-color:#D7F4FC;display:flex; flex-wrap: wrap; margin-bottom: 1em}
#seminar_detail dl dt,#seminar_detail dl dd{display:inline-block; border:#000000 solid 1px; border-width: 1px 1px 0 0; padding:0.5em 1em; vertical-align: middle; box-sizing: border-box}
#seminar_detail dl dt{width:150px;  text-align: justify;  text-align-last: justify;  text-justify: inter-ideograph;}
#seminar_detail dl dd{width:calc(100% - 150px); margin: 0; background-color: #ffffff}

.seminarbutton{background-color: #E3E3E3; color: #000000; border-color: #000000 }

@media screen and (max-width: 770px){
#seminar_detail dl{ display: block}
#seminar_detail dl dt,#seminar_detail dl dd{display:block; width:100%; }
#seminar_detail dl dt{text-align: center; text-align-last: center;}
}




/*申し込みページ
-----------------------------------------------------------------------------*/
#seminar_regist{max-width:800px; margin:auto; padding:0.5em; box-sizing: border-box}

#seminar_regist dl.registform{border:#000000 solid 1px; border-width: 0 0 1px 1px; padding: 0; background-color:#D7F4FC;display:flex; flex-wrap: wrap; margin-bottom: 1em;margin: 2em auto}
#seminar_regist dl.registform dt,#seminar_regist dl.registform dd{display:inline-block; border:#000000 solid 1px; border-width: 1px 1px 0 0; padding:0.5em 1em; vertical-align: middle; box-sizing: border-box}
#seminar_regist dl.registform dt{width:180px; text-align: justify;  text-align-last: justify;  text-justify: inter-ideograph;}
#seminar_regist dl.registform dd{width:calc(100% - 180px); margin: 0; background-color: #ffffff}
#seminar_regist dl.registform p{background-color:#ECECEC; padding: 1em; font-size: 0.8em; margin: 0.5em auto}
#seminar_regist dl.registform dt span.ness:after{content: "※"; color:#b80000; margin-left: 1em }

@media screen and (max-width: 770px){
#seminar_regist dl.registform{ display: block; border: none;}
#seminar_regist dl.registform dt,#seminar_regist dl.registform dd{display:block; width:100%;border: none; }
#seminar_regist dl.registform dt{text-align: center; text-align-last: center; padding:0em}
#seminar_regist dl.registform dd{padding:1em  }


}

input.mini_width{width:20%}
input.half_width{width:40%}
input.full_width{width:100%}
textarea.full_width{width:100%; height:5em}
select{font-size: 1.2em; margin: 0.5em 0}

::placeholder {  color:#BEBEBE;  font-size:0.8em; padding-left:0.5em}