@charset "UTF-8";
title{
    display:none;
}
/* Body */
body {
	font-family: source-sans-pro;
	background-color: #ffffff;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-style: normal;
	font-weight: 200;
	/*background-image:url(../image/footer.png);*/
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	background-attachment:fixed;
	color:#4e2507;
}

/* Container */
#container {
	width:1096px;
	margin: 0px auto;
	/*background-color: rgba(255,244,216,0.8);*/
}

.PC{
	
}

.Mobile{
	display:none;
}




.light {
	font-weight: bold;
	color: #717070;
}
.tagline {
	text-align: center;
	color: #FFFFFF;
	margin-top: 4px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* About Section */
.text_column {
	width: 29%;
	text-align: justify;
	font-weight: lighter;
	float: left;
	color: #A3A3A3;
}

#Information{
	margin-top:2%;
	padding-top:2%;
	width:100%;
}

.TitleImage{
	margin:0 5%;
	width:60%;
	height:auto;
}

.SubTitleImage{
	margin:0 55% 0 5%;
	width:40%;
	height:auto;
}

#News{
	margin-top: 1%;
	text-align: left;
	width:100%;
}
.no {
	margin:3% 10%;
	width:80%;
	hight:auto;	
}

.comment {
	margin:3% 10%;
	width:80%;
	hight:auto;	
	color: #612e0f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0em;
}

.comment_date {
	color: #ff7d7d;
	font-size:1.0em;
}

.comment_header {
	color: #ff7d7d;
	font-size:1.5em;
}

.Recruitment {
	margin:3% 10%;
	width:80%;
	hight:auto;	
	foalt:left;
	color: #612e0f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;

}

.InfoPanel {
	width:80%;
	margin:0 0 0 10%;
	height:auto;
	border: rgba(255,209,209,1) 1px solid;  /* 枠線を追加 */
    background-color: #ffffff; /* 背景色を追加 */

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	position:relative;
}

.PanelTitleImage{
	margin:10px 0px 0px 20px;
	width:65%;
	height:auto;
	float:left;
	position:absolute;
}
#container .InfoPanel.panel1.clearfix .PanelTitleImage {
}


.PanelTitleImage_Mobile{
	display:none;
}

.PanelImage_Moblie{
	display:none;
}

.Panel_comment {
	margin:0px 3% 20px 3%;
	hight:auto;	
	foalt:left;
	color: #612e0f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0em;
}

.Panel_comment_header {
	color: #ff7d7d;
	font-size:1.5em;
}

.Panel_comment_strong {
	color: #ff7d7d;
	font-size:1.1em;
}

/* Access */
.access{
	padding: 5% 0% ;
}
.map{
	margin: 2% 10%;
	width:80%;
	height:450px;
}	

/* More info */
#footer {
	clear:both;
	width: 100%;
}
.copyright {
	text-align: center;
	background-color: #EC2400;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}

#footer img
{
	width:100%;
	height:auto;
}

footer {
	display: inline-block;
}
.hidden {
	display: none;
}

.clear {
	clear:both;
}


.Note_Right{
	display:block;
	text-align:right;	
}

/* Small Desktops */
@media (min-width: 769px) and (max-width: 1096px) {

	/* Container */
	#container {
		width:100%;
		min-width:769px;
		max-width:1096px;
		margin: 0px auto;
	}
	
	/* Navigation */
	#header {
		height:75pt;
	}
	
	#header_icon_Area{
		margin-bottom:20px;
	}
	
	#header_icon{
		margin-bottom:20px;
	}
}
/* Small Tablets */
@media (min-width: 481px) and (max-width: 768px) {
	
	/* Container */
	#container {
		width:100%;
		min-width:481px;
		max-width:768px;
		margin: 0px auto;
		
		font-size:14px;
	}
	
	#header_banner {
		display: none;
	}


}
/* Mobile */
@media (max-width: 480px) {

	/* Container */
	#container {
		position:relative;
		min-width:320px;
		max-width:480px;
		width:100%;
		margin: 0px auto;

		font-size:16px;
	}
	
	#header .header_title_cell{
		display:none;
	}

	#header .header_info_cell{
		display:none;
	}
	
	#header_menu_Area{
		display:block;
		
	}
	
	#Main_Contents_Area{
		width:100%;	
	}
		
/******************************************/

/* メニューリストのO表示非表示ボタン関連 */
	#panel-btn{
	  display: inline-block;
	  position: absolute;
	  width: 55px;
	  height: 55px;
	  margin: 5px 10px ;
	  border-radius: 50%;
	  background: #ffd1d1;
	  color:#ffffff;
	  right: 0px;
	  z-index:100;
	}
	#panel-btn:hover{
	  background: #ff7d7d;
	}
	#panel-btn-icon{
	  display: block;
	  position: absolute;
	  top: 40%;
	  left: 50%;
	  width: 30px;
	  height: 4px;
	  margin: -2.5px 0 0 -15px;
	  background: #ffffff;
	  transition: .2s;
	  padding-top:0px;
	}
	#panel-btn-icon:before, #panel-btn-icon:after{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  width: 30px;
	  height: 4px;
	  background: #ffffff;
	  transition: .3s;
	}
	#panel-btn-icon:before{
	  margin-top: -10px;
	}
	#panel-btn-icon:after{
	  margin-top: 6px;
	}
	#panel-btn .close{
	  background: transparent;
	}
	#panel-btn .close:before, #panel-btn .close:after{
	  margin-top: 0;
	}
	#panel-btn .close:before{
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	#panel-btn .close:after{
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	}

	#panel-btn-string
	{
	  display: block;
	  position: absolute;
	  top: 55%;
	  left: 18%;
	  width: 30px;
	  font-weight:bold;	
	}

	input[type="checkbox"].TopMenu_onoff ~ #header_menu_Area{
		display:none;
	}
	
	input[type="checkbox"].TopMenu_onoff:checked ~ #header_menu_Area{
		display:table;
	}
/******************************************/
	
/* メニューリスト表示 */
	#header_menu_Area{
		position:absolute;
		top:62px;
		right:0px;
		z-index:99;
		width:40%;
	}
	
	#header_menu_Area .header_menu li{
		position: relative;
		display: table-cell;
		width: 100%;
		height: 20pt;
		padding-top: 8px;
		padding-bottom: 3px;
		font-weight: bold;
		cursor: pointer;
		color: #666;
		text-align: center;
		
	}
	
	#headr_menu_Area .header_menu .menu
	{
		display:block;
		height:100%;
	}


	#header_menu_Area .TopMenu_Detail {
		position:relative;
		top:0px;
	}
	
	/* ヘッダースライドショー表示 */
	
	#slideshow {
		display:none;
	}
	
	#slideshow_moblie {
		display:block;
	}

	/******************************************/

	#main_menu_Area{
		display: none;
	}
	
	#main_menu_Area_Mobile{
		display: table;
		vertical-align: bottom;
		width:100%;
	}
	
	#main_menu_Area_Mobile ul{
		overflow: hidden;
		vertical-align: bottom;
		display: table;
		width: 90%;
		margin: 0px auto;
		padding: 0px;
		color:#ffffff;
	}

	#main_menu_Area_Mobile li{
		display: table-cell;
		width: 48%;
		margin: 0px 1% 4px;
		height: auto;
		float: left;
		font-weight: bold;
		cursor: pointer;
		
	}
	
	#main_menu_Area_Mobile .main_menu3_mob li{
		width: 31%;
		margin: 0px 1%;
	}
	
	#main_menu_Area_Mobile img{
		display:block;
		float: left;
	}
	
	#main_menu_Area_Mobile li img.main_menu_image
	{
		width:100%;
		height:auto;
	}
	
	#main_menu_Area_Mobile li:active
	{
		cursor:pointer;
		filter:alpha(opacity=80);
		opacity:0.8;
	}
	
	#main_menu_Area_Mobile .main_menu1 a
	{
		display:inline-block;
	}
	
	#main_menu_Area_Mobile .main_menu1 a:hover img
	{
		visibility:hidden;
	}
	
	#main_menu_Area_Mobile .main_menu2 a
	{
		display:inline-block;
	}
	
	#main_menu_Area_Mobile .main_menu2 a:hover img
	{
		visibility:hidden;
	}

	.TitleImage{
		margin:10px 0 10px 0;
		width:100%;
		height:auto;
	}

	.PanelTitleImage{
		display:none;
	}
	
	.PanelTitleImage_Mobile{
		display:block;
		margin:0px;
		width:100%;
		height:auto;
	}

	.PC{
		display:none;
	}
	
	.Mobile{
		display:block;
	}

	.InfoPanel {
		width:85%;
		margin:10pt auto 0 ;
		height:auto;
		border: none;
	
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
	
		position:relative;
	}

	
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}