@charset "utf-8";

/**************************************************************************/
/*ここからタブレット用（481px～990px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:990px){

	header {
		height: 70px;		/*ヘッダーの高さ*/
	}

	header div#logo{
		top: 3px;
		font-size : 2.0em;
	}

	header div#logo div#company{
		margin-top: 5px;
		font-size : 0.7em;
	}


	header #company {
		font-size : 1.1em;
	}


#main h3 ,#main ol li {font-size:1.4em;}
#main table#menber th,#main #chk li {font-size:1.6em;}
#main #chk li textarea {width:90%;}
#main button {font-size:1.3em; padding : 10px;margin:10px;}

#main div.space10 {margin-top:50px;}

	#main #in_out input[type=checkbox] {
		 -ms-transform: scale(2.5, 2.5); -webkit-transform: scale(2.5, 2.5); transform: scale(2.5, 2.5);
	}

	#main #in_out textarea{
		background : #ffffe0;
	}

table {
	border-collapse:collapse;
	font-size: 1.3em;
	border-spacing: 0;
}

table.tb_input_name_area {
	width : auto;
}
table.tb_input_name_area td{
	width : 30%;
}

table.support td {
	font-size:1.4em;
}

#menu_icon {
	display:block;
	left: 30px;
}

/* Top Menu*/
  ul.sm-simple li{
	font-size:1.6em;
	margin-top : 15px;
	margin-bottom : 15px;
	color : #f00;
	}

	.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
	  font-size: 1.6em;/* 12px */
	  border-left: 8px solid transparent;
	}

	/*コンテナー（HPを囲むブロック）
	---------------------------------------------------------------------------*/
	#container {
		width: auto;
		margin: 15px;
	}

	/*main文字サイズ
	---------------------------------------------------------------------------*/
	#main {
		font-size : 1.5em;
		float: none;
		width: auto;
		clear: both;
		max-height: 999999px;
	}

	#main h2 {
		font-size: 36px;;
		padding: 2px 40px;
		max-height: 999999px;
	}

	#main #cont_info {
		font-size: 1.5em;
		padding: 2px 20px;
		max-height: 999999px;
	}

	#main #in_out {
		font-size: 2.0em;
	
	}

	#main #in_out input[type="checkbox"]{
		width : 25px;
		height:25px;
	}




/* index.html お知らせ
----------------------------------------*/

dl#top_info dl{

}
dl#top_info dt{
	margin-left : 20px;
	padding-left : 10px;
	margin-right : 25px;
	background : #eee;
	font-weight : bold;
	font-size : 1.5em;;
		max-height: 999999px;
}

dl#top_info dd{
	width : 90%;
	margin-left : 35px;
	margin-bottom : 20px;
	font-size : 1.5em;
		max-height: 999999px;
}
	div#education_confirm ,
	div#menberName {
		font-size : 1.5em;
	}

	div#education_cont h3{
		font-size : 1.5em;
	}

	div#education_cont p,
	div#education_cont ol li,
	div#selAnswer {
		font-size : 1.5em;
	}

	div.education_text{
		font-size : 1.0em;
		max-height: 999999px;
	}

	div#education_comment button {
		font-size : 1.2em;
	}

	div#education_comment {
		font-size : 1.5em;
	}

	div#user_name input#name_check {
		font-size:1.0em;
		width : auto;
		height : 2.2em;
	}

	input#confirm , 
	input#text_open,
	input#confirm,
	input#name_check,
	input#answer_area_on,
	input#education_answer_comfirm,
	input#education_answer {
		font-size:1.4em;
		width : auto;
		height : 2.5em;
	}

	div#input_name_area {
		font-size:1.4em;
	}

	/* 回答フォーム*/
	input#lastName,
	input#firstName,
	input#name_chkNo {
		width:230px;
		font-size:1.3em;
	}

	table.learning td{
		text-align : center;
		font-size : 1.0em;
	}

	input[type=radio] {
		margin-left : 20px;
		padding-left:20px;
  		-webkit-transform-origin: right bottom;
  		-webkit-transform: scale( 3 , 3 );
	}

	div#selAnswer label  {
		width:auto;
		font-size : 1.0em;
		/*margin-left:20px;*/
	}

	div#selAnswer textarea.question{
		width: 100%;
		max-width: 700px;
		height : 5em;
		border:none;
		font-size : 1.0em;
	}

	div#selAnswer textarea.comment,
	div#selAnswer input#answer_comment {
		width: 100%;
		max-width: 600px;
		height : 5em;
		box-sizing: border-box;
		-webkit-box-sizing:	border-box;
		-moz-box-sizing: border-box;
		resize:none;
	}

	div#thanks {
		font-size:1.5em;
	}
	div#coment01{
		font-size : 1.2em;
	}

	input#coment01 {
		max-width :400px;
	}

	input#education_answer{
		font-size:1.0em;
		width : auto;
		height : 2.2em;
	}

/*	div#selAnswer,*/
	div#re_answer,
	div#re_answer input,
	div#re_answer p {
		font-size : 1.2em;
	}
	div#re_answer input{
		width : auto;
	}
	/*その他
	---------------------------------------------------------------------------*/
	/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
	body.s-n #sub {
		display: none;
	}

	/* 幅990以下の場合、topMenuを表示
	---------------------------------------------------------------------------*/
	div#topMenu div.FlowBox div.FlowBoxBody {
	display: none;
	margin-bottom: 15px;
	}

	/*サイドバー非表示*/
	div#sub {
		display: none;
	}

	/*カレンダー非表示*/
	div.calendar {
		display: none;
	}

	footer {
		font-size:2.2em;
	}

	video {
		width : 500px;
	}
}

/******（481px～800px）環境の設定 ここまで*************************************/


/**************************************************************************/
/*スマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

	header {
		font-size : 1.2em;
	}

	header #company {
		float : none;
		color : #fff;
	}

	/*サイドバー非表示*/
	div#sub {
		display: none;
	}

	/*カレンダー非表示*/
	div.calendar {
		display: none;
	}

video {
	width : 80%;
}

#container #contents #main #in_out_log{
	font-size : 2.0em;
	color : red;
}

}