@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　87%
13px　94%
14px　100%
15px　108%		29px　208%
16px　115%		30px　215%
17px　122%		31px　222%
18px　129%		32px　229%
19px　136%		33px　236%
20px　143%		34px　243%
21px　150%		35px　250%
22px　158%		36px　258%
23px　165%		38px　265%
24px　172%		38px　272%
25px　179%		39px　279%
26px　186%		40px　286%
27px　193%		41px　293%
28px　200%		42px　300%

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

/*###########################################################

 中ページ共通のレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 1200px) {
	/*============　給食事業部  kyusyoku/　=============*/
	.naka-headerimg.kyusyoku{width:100%;}
}




@media screen and (max-width: 1012px) {
	/*パンくず*/
	#breadcrumb {width: 98%;}
	
	/*中ページ上部の大きなタイトル------------*/
	.naka-headerimg{width:100%;}
	.naka-mokuji ul {width: 103%;}

	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	#chuui-waku {width: 98%;}
}






@media screen and (max-width: 860px) {	
	/* =============中ページ共通のスタイル================== */
	.midashi2 {font-size: 167%;line-height: 1.3;text-align: left;}
	.midashi2 br{display:none;}

	/*============　会社案内  company/index　=============*/
	.naka-mokuji{width:98%;}
	
	/*============　給食事業部  kyusyoku/　=============*/
	body.kyusyoku .midashi2 {text-align:center;}
	.naka-headerimg.kyusyoku {height: 0;padding-bottom: 13%;padding-top: 13%;background-size: cover;}
	.naka-headerimg.kyusyoku p {font-size:190%;}
}






@media screen and (max-width: 720px) {	
	/*パンくず*/
	.breadcrumb-box {padding-top: 65px;}

	/*============　会社案内  company/index　=============*/
	.naka-mokuji {width: 100%;}
	.naka-mokuji ul {width: 85%;margin: 0 auto;}
	.naka-mokuji ul li {float: none;width: 100%;margin: 0 0 10px 0;}
	.naka-mokuji ul li a {height: 130px;}

	/*============　コラム／創業  company/story　=============*/
	.story-box1 {margin-top: 60px;background: url(../company/img/story1.png) no-repeat right 110px;}
	.story-box3 {margin-top: 90px;background: url(../company/img/story2.jpg) no-repeat right 160px;}
	.story-box-title{border:3px solid #dfc1c6;background-color:#faf3f4;padding:18px 30px 17px 40px;font-size:186%;}	
	
	/*============　コラム／ラーメン事業部誕生  company/ramen　=============*/
	.ramen-name{font-size:159%;}
	.ramen-title{font-size:236%;}
	.ramen-name-box {width: 100%;}
	.ramen-midashi1 {line-height: 1.3;text-align: left;}
	.cont-title2 {font-size: 186%;text-align:left;}
	.cont-title2 br{display:none;}
	
	/*============　採用情報／正社員  recruit/shain　=============*/
	.recruit-com1 {text-align: left;}
	.recruit-com1 br{display:none;}
	table.recruit-table th {display: block;border: none;font-weight:bold;color:#333;}
	table.recruit-table th br{display:none;}
	table.recruit-table td {display: block;border-top: none;padding-top: 0;padding-bottom:25px;}
	
	table.recruit-table2 th {display: block;border-top: none;font-weight: bold;color: #333;background-color: #f1f1f1;padding: 8px 0 6px 13px;}
	table.recruit-table2 th small {display: inline;padding-right: 10px;}
	table.recruit-table2 td {display: block;border-top: none;padding-top: 8px;padding-bottom:25px;font-size: 93%;}
}






@media screen and (max-width: 640px) {	
	/*全ページ共通のSNSボタン----------------*/
	#sns-box{margin-top:0;}
	
	/*============　コラム／ラーメン事業部誕生  company/ramen　=============*/
	.ramen-name {font-size: 142%;}
	.ramen-title {font-size: 193%;padding-top: 8px;}
	.ramen-name-box dl dt {width: 90px;}
	.ramen-name-box dl dd {padding: 0 105px 0 0;}
	.ramen-com1 {margin-top: 15px;font-size: 108%;}
	.ramen-midashi1 {font-size: 115%;}
	.cont-com1 {font-size: 108%; margin-top: 15px;}

	/*============　給食事業部  kyusyoku/　=============*/
	ul.kyu-kanri-ul{margin-top: 15px;}
	ul.kyu-kanri-ul li{padding:18px 0 16px 0;width:44%;margin:0 2%;font-size: 115%;}
	ul.kyu-kanri-ul2 li {margin: 50px 3% 0 3%;}
	ul.kyu-kanri-ul2 li .midashi {font-size: 122%;padding-top: 0;height: auto;line-height: 1.2;min-height: 26px;}
	
}






@media screen and (max-width: 560px) {
	/*パンくず*/
	#breadcrumb {padding: 0;}
	
	/*中ページ上部の大きなタイトル------------*/
	.naka-headerimg {height: 70px;background-size: 210px;background-position: 10px center;}
	.naka-headerimg p {font-size: 180%;letter-spacing: 0.5em;text-indent: 0.5em;}

	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	.recruit-com1 {font-size: 100%;text-align: left;line-height: 1.5;}
	#toiawase-form dt.title {float: none;width: 100%;line-height: 3.0;height: auto;}
	#toiawase-form dd {padding: 0px 0px 10px 0px;}
	#toiawase-form.kakunin dd {padding: 0px 0px 10px 10px;}
	.form-submit input {width: 60%;}
	.form-submit input.reset {width: 25%;margin-left: 5%;}
	
	
	/*============　給食事業部  kyusyoku/　=============*/
	.gyoumu3.pc{display:none;}
	.gyoumu3.sp{display:block;margin:30px 0;}
}







@media screen and (max-width: 500px) {
	body.naka .section{padding: 50px 0 50px 0;}
	.midashi1 {margin: 0 auto 60px auto;}
	
	/* =============中ページ共通のスタイル================== */
	.midashi2 {font-size:158%;}
	
	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	/*送信完了しました*/
	.recruit-midashi3 {font-size: 136%;text-align: left;}
	.kanryou-waku .form-kanryo2 {text-align: left;}
	.kanryou-waku .form-kanryo2 br{display:none;}
	.kanryou-waku .form-kanryo2 span {display: inline;}
	
	/*============　コラム／創業  company/story　=============*/
	.story-box-title {padding: 15px 20px 17px 25px;width: 100%;box-shadow: none;}
	.story-box-title.right {width: 100%;}
	.story-com3 {width: 100%;}
	
	/*============　給食事業部  kyusyoku/　=============*/
	.naka-headerimg.kyusyoku p {font-size: 160%;}
	.midashi2.kyu {font-size:136%;}
	ol.kyu-concept-ol{margin:10px auto 0 30px;}
	ol.kyu-concept-ol li{font-size:108%;}
	.kyu-concept {margin-top: 20px;}
	ul.kyu-kanri-ul2 li {margin: 50px auto 0 auto;float: none;width: 90%;}
	table.hospital-table th {width: 100%;border-left: none;display: block;border-bottom: none;padding: 11px 13px 5px 13px;}
	table.hospital-table td {padding: 0 7px 11px 15px;display: block;border: none;font-size: 100%;}	
	ul.kyu-kanri-ul2 li .img {margin: 8px 10% 0 10%;}
}






@media screen and (max-width: 450px) {
	/* ========= 管理者画面からのスタイル ============*/
	/* 画像 */
	.alignnone,
	img.alignnone ,
	.alignleft,
	img.alignleft,
	.alignright,
	img.alignright,
	aligncenter,
	img.aligncenter	{float: none;margin: 10px auto 7px auto;display: block;}
		
	
	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	/*送信完了しました*/
	.recruit-midashi3 br{display:none;}
	
	/*============　会社概要  company/about　=============*/
	table.about-table th{display: block;border-bottom: none;font-weight: bold;color: #444;}
	table.about-table td{display: block;border: none;padding-top: 0;}

	/*============　コラム／創業  company/story　=============*/
	.story-com1 {text-align: left;}
	.story-com1 br{display:none;}
	.story-box-title {padding: 10px 15px 12px 20px;font-size: 165%;}
	.story-box-title br{display:none;}
	.story-com2 {line-height: 1.8;}
	.story-com3 {margin-top: 20px;line-height: 1.8;}

	/*============　コラム／ラーメン事業部誕生  company/ramen　=============*/
	ul.ramen-btn-ul li {width: 100%;margin: 10px 0;}
	
	/*============　給食事業部  kyusyoku/　=============*/
	ul.kyu-kanri-ul li {padding: 12px 0 10px 0;width: 80%;margin: 0 auto 10px auto;font-size: 100%;display: block;line-height: 1.2;}
	ul.kyu-kanri-ul2 li {margin: 30px auto 0 auto;float: none;width: 95%;}
	ul.kyu-kanri-ul2.school > li { margin: 20px 4% 0 3%;}
	body.kyusyoku .midashi6 {font-size: 150%;}
}






@media screen and (max-width: 400px) {	
	/*============　店舗案内  shop/　=============*/
	.kinen-com{text-align:left;font-size: 93%;}
	
	/*============　会社案内  company/index　=============*/
	.naka-mokuji ul {width: 98%;}
	.naka-mokuji ul li a {height: 110px;}
	.naka-mokuji ul li a p{background-size: 80px , auto !important;background-position: 15px center , 105px center !important;padding-left: 120px !important;font-size: 128% !important;line-height: 1.9;}

	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	.toiawase-tel a {font-size: 159%;}
	.midashi1 {font-size: 159%;}
	.form-kakunin2 {font-size: 100%;text-align: left;}
	.form-kakunin2 br{display:none;}

	/*==========　404ページ専用のスタイル==========*/
	body#notfound .naka-headerimg p {font-size:108%;letter-spacing: 0.2em;}
	.error-com1 {font-size: 122%;text-align: left;line-height: 1.4;}
	.error-com2{font-size: 100%;text-align: left;}

	/*============　コラム／ラーメン事業部誕生  company/ramen　=============*/
	.ramen-name {font-size:129%;}
	.ramen-title {font-size:173%;padding-top:5px;}
	.cont-title2 {font-size: 162%;}
	.cont-img-box.right {float: none;margin: 15px auto 10px auto;}
	
	/*============　給食事業部  kyusyoku/　=============*/
	body.kyusyoku .midashi2 {font-size:136%;}
	body.kyusyoku .midashi2.kyu {font-size:122%;}
	.kyu-com1 {font-size: 109%;}
	ul.kyu-kanri-ul2 li .midashi {font-size: 115%;padding-top: 2px;}
}




@media screen and (max-width: 360px) {	
	/*============　コラム／創業  company/story　=============*/
	.story-box-title {font-size: 150%;}

}