@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* ヘッダ */
	#header h1.title img {
		max-height: 32px;
	}
	@media only screen and (max-width: 350px){
		#header h1.title img {
			max-height: 24px;
		}
	}
	#switchBtnArea #switchBtn {
		width: 35px;
	}
	#header .contact .btn {
		padding-right: 35px;
	}
	#header .contact .tel a, #header .contact .btn a {
		width: 35px;
		padding: 0 10px 0 0;
	}
	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub:before {
		width: 300px
	}
	#container h3.sub:after {
		width: 200px;
	}
	/* フッター */
	#footer .contact {
		padding-top: 25px;
		padding-bottom: 30px;
	}
	#footer .contact .tel a {
		font-size: 20px;
	}
	#footer .contact .tel span {
		font-size: 35px;
	}
	#footer .contact .btn {
		top: -22px;
	}
	#footer .contact .btn a {
		width: 200px;
		font-size: 18px;
		line-height: 44px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 40px; }
	.pt { padding-top: 40px; }
	.pb { padding-bottom: 40px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* 挨拶 */
	#top_msg h2 {
		margin-bottom: 15px;
		font-size: 25px;
	}
	#top_msg p {
		line-height: 2;
	}
	/**/
	#top_about h3 {
		margin-bottom: 30px;
		font-size: 25px;
	}
	#top_about h3::before {
		width: 100%;
	}
	#top_about h3::after {
		width: 80%;
	}
	#top_about .in {
		padding-left: 0;
	}
	#top_about .in.fm {
		font-size: 110%;
	}
	#top_about .in+h3 {
		margin-top: 30px;
	}
	#top_about ol li {
		margin-bottom: 20px;
		padding-left: 75px;
		padding-bottom: 20px;
	}
	#top_about ol li::before{
		top: -5px;
		font-size: 35px;
	}
	#top_about ol li::after {
		left: 30px;
	}
	/* コンテンツ */
	#top_contents ul {
		border-top: 1px solid #be975a;
	}
	#top_contents li {
		border-bottom: 1px solid #be975a;
	}
	#top_contents a {
		padding: 30px 20px;
	}
	#top_contents .photo span {
		width: 70px;
		height: 70px;
		font-size: 16px;
	}
	#top_contents .ttl {
		font-size: 25px;
	}
	/* お知らせ */
	#top_info h3 {
		margin-bottom: 15px;
	}
	
	/*--------------------------------------------------
		契約先ホテル･旅館様
	--------------------------------------------------*/
	#hotel .rit.h3 {
		text-align: left;
	}
	#hotel .tbl {
		margin-bottom: 30px;
	}
	#hotel .tbl th, #hotel .tbl td {
		font-size: 13px;
		padding: 3px;
	}
	#hotel .imgs {
		margin-top: 30px;
	}
	/*--------------------------------------------------
		求人情報
	--------------------------------------------------*/
	#recruit table tr th, #recruit table tr td {
		display: block;
	}
	#recruit table tr td {
		padding-top: 0;
	}

/*------------------------------------------------*/
}