@media screen and (max-width: 990px) {
  /*************** コラム ****************/
  #column_box > .center_column{
    width:100%;
  }  
  
  /*###########フォーム関係###########*/
  #order_form form dt {
    float: left;
    clear: left;
    width: auto;
    padding: 10px 50px 10px 15px;
}
  .text,.textarea {
	  width: 98%;
	}

}
@media screen and (max-width: 860px) {
  #header_box .bottom_menu .nav a{
    font-size:100%;
    font-weight: 500;
  }
}
@media screen and (max-width: 850px) {
  /*************** コラム ****************/
  #column_box > .center_column > .top_column > .img_box{
    float:none;
    width:100%;
    height:auto;
    margin-right:0px;
  }

}
/*ipadサイズ*/
@media screen and (max-width: 768px) {
	#header_box .title_box .logo{
		float:none;
	}
	#header_box .title_box .contact{
    float:none;
    margin-top:30px;
    text-align:center;
  }
	p.carender img{
		width:100%;
	}
	  /* ========== 注意事項(追加css) ========== */
	.caution_pc{
		display:none;
	}
	.caution_sp{
		display:block;
		width:100%;
		box-sizing:border-box;
		font-size:0.7rem;
		font-weight:bold;
		color:#ff0000;
		border:2px solid #ff0000;
		background-color:#fff;
		overflow:hidden;
		margin:0 auto 2% auto;
		padding:2% 2% 0 2%;
	}
	.caution_sp span.bold{
		color:#333;
		font-weight:bold;
	}
	.caution_sp img{
		width:10%;
		float:left;
		margin:0 2% 0 0;
	}
	.info_pc{
		clear:both;
		width:100%;
	}
	.info_sp img{
		width:100%;
		margin:2% auto;
		z-index:100;
	}
}
/* ======== //注意事項(追加css)// ======== */
	
/* ========== 社員研修バナー(追加css) ========== */
@media screen and (max-width: 768px){
	p.holiday_banner img{
		width:100%;
	}
}
/* ======== //社員研修バナー(追加css)// ======== */
/* ========== カリモクバナー(追加css) ========== */
@media screen and (max-width: 768px){
	.karimoku_banner img{
		width:100%;
	}
/* ======== //カリモクバナー(追加css)// ======== */


/**************************既存のコンテンツへの適用*****************************/
/***既存コンテンツ内 文字のエリアが伸縮によって見栄えが悪いので以下を適用***/
  .float_box img{
    display: block;
    float:none;
    margin: 0 auto;
    padding:1em;
  }
}
@media screen and (max-width: 700px) {

}
@media screen and (max-width: 600px) {
  /*******ヘッダー******/
  #header_box .top_menu{
    width:100%;
    height:10px;
  }
  #header_box .top_menu .inner{
    display: none;
  }
  #header_box .top_menu_mobile_position{
    margin-top: 10px;
    display: block;
  }
  #header_box .top_menu_mobile_position .inner .nav{
    display:block;
    width:100%;
  }
  #header_box .top_menu_mobile_position .inner .nav a{
    width:33.333%;
  }
  #header_box .title_box .logo{
    float:left;
  }
  #header_box .title_box .logo img{
    width:400px;
  }
  #header_box .title_box .contact{
    float:right;
    margin-top:0px;
  }
  #header_box .title_box .contact > img.glass,
  #header_box .title_box .contact > button,
  #header_box .title_box .contact > p,
  #header_box .title_box .contact > input[type=text]{
    display:none;
  }
  #header_box .title_box .contact > img.togglemenu{
    display:inline;
  }
  #header_box .bottom_menu{
    display:none;
  }
	/* ========== ヘッダー部追加css ========== */
	.inner p.except{
	font-size:0.9rem;
	color:#fff;
		padding:2% 0 0 2%;
}
	.inner p.except span.add{
	width:100%;
	font-size:1.1rem;
	font-weight:bold;
}
	.inner p a{
		color:#fff;
	}
/* ========== ヘッダー部追加css ========== */
	
  /*******モバイルメニュー******/
  #mobile_menu_box {
    /*display:block;*/
  }

  /*******左サイド******/
  #main_contents_box > .left_column{
    display: none;
  }
  /*******左サイド******/
  #footer_box > .inner_top{
    margin-left: 0px;
  	padding-left: 0px;
  	box-sizing: border-box;

  }
  /*******コラム*********/
  #column_box > .center_column{
    margin-left: 0px;
    padding-left: 0px;
  }

  #column_box > .center_column > .top_column > .img_box{
    width:100%;
    height:auto;
    margin-right:0px;
  }
  

  #main_contents_box > .center_column {
    margin-left: 0px;
    padding-left:0px;
  }
  
 

  /*******フッダー*******/
	.carender_frame{
		width:100%;
	}
	.carender_frame iframe{
		margin:0 0 0 -8%;
	}
  #footer_box .inner_center .contact_menu{
      display: none;
  }
  #footer_box .inner_center .about_eigyo{
    width:100%;
    text-align:center;
  }
  #footer_box .inner_center .about_eigyo .eigyo_calender{
    margin:0 auto;
  }
  #footer_box .inner_center .about_eigyo h3.mobile{
    display:block;
    margin-bottom:10px;
  }
  #footer_box .inner_center .about_eigyo p:nth-of-type(1){
    color:#FFF;
  }
  #footer_box .inner_center .about_eigyo > p.mobile{
    display: block;
  }
  #footer_box .inner_bottom .nav.mobile{
    display: block;
  }
}
@media screen and (max-width: 550px) {
  #header_box .title_box .logo img{
    width:320px;
  }
  #header_box .title_box .contact > img.togglemenu{
    width:95px;
  }
  /****************************コラム*********************************/
 
	#column_box > .center_column > .top_column > a{
		width:49.5%;		
	}
	#column_box > .center_column > .top_column > a:nth-of-type(2){
		margin-right:0%;
	}
	#column_box > .center_column > .top_column > a:nth-of-type(3){
		margin-top:1%;
	}
}
@media screen and (max-width: 500px) {
  #header_box .top_menu_mobile_position .inner .nav a img{
    display:block;
    margin:0 auto;
  }
  #header_box .top_menu_mobile_position .inner .nav a font{
    position: static;
  }
}
@media screen and (max-width: 450px) {
  #header_box .title_box .logo img{
    width:250px;
  }
  #header_box .title_box .contact > img.togglemenu{
    width:70px;
  }
}
@media screen and (max-width: 360px) {
  .eigyo_calender tr th,
  .eigyo_calender tr td{
    font-size:70%;
    padding:2.5px 2.5px;
  }
}
@media screen and (max-width: 350px) {
  #header_box .top_menu_mobile_position .inner .nav a font{
    font-size:90%;
  }
  #header_box .title_box .logo img{
    width:220px;
  }
  #header_box .title_box .contact > img.togglemenu{
    width:60px;
  }
}