@charset "utf-8";

/* 共通の設定 */
body, header, h1, h2, h3, p, ol, ul, li, dl, dt, dd, section, article, footer, div, a {
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-o-box-sizing : border-box;
	-ms-box-sizing : border-box;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
	color: #333;
	line-height: 1.4;
}

form, label, input, textarea {
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
}

html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	line-height: 1.4;
}

ul {
	list-style: none;
}

a{
	text-decoration:none;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.bold {
	font-weight: bold;
}

.big01 {
	font-size: 1.2em;
}

.column-2,
.column-3,
.column-8 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*** コンテンツ内幅 ***/
.inner-1000 {
	width: 96%;
	max-width: 1000px;
	margin: 0 auto;
}

.inner-1150 {
	width: 96%;
	max-width: 1150px;
	margin: 0 auto;
}

.inner-1200 {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}

.inner-1300 {
	width: 96%;
	max-width: 1300px;
	margin: 0 auto;
}

/*** ローディング画面 ***/
#loading {
	width: 100%;
	height: 100vh;
	background: #fff;
	position: fixed;
	z-index: 10;
	display: none;
}

#loading-inner {
	position: absolute;
	top: 38%;
	width: 100%;
}

#loading-inner p:first-child {
	margin-bottom: 8px;
	text-align: center;
}

#loading-inner p:last-child {
	text-align: center;
	font-size: 90%;
}
/*** ローディング画面 ここまで ***/

/*** 位置調整用 ***/
@keyframes move {
	0% {
		padding-top: 2px;
	}
	100% {
		padding-top: 0;
	}
}
/*** 位置調整用 ここまで ***/

/*** ヘッダー ***/
.zinzai header {
	width: 100%;
	padding: 18px 0 14px;
	/*背景グラデーション*/
	background-image : -moz-radial-gradient(#9C200E, #C22610);
	background-image : -webkit-gradient(radial, center center, from(#9C200E), to(#C22610));
	background-image : linear-gradient(#9C200E, #C22610);
	border-bottom: 2px solid #000;
	position: relative;
	z-index: 1;
}

.zinzai header .inner-1200 {
	position: relative;
}

.zinzai header .inner-1200 h1 {
	width: 67%;
	max-width: 804px;
}

.zinzai header .inner-1200 h1 img {
	width: 100%;
	height: auto;
}

.zinzai header .inner-1200 .contact_button {
	width: 31%;
	max-width: 308px;
	position: relative;
}

.zinzai header .inner-1200 .contact_button img {
	width: 100%;
	height: auto;
	position: absolute;
	top: -10px;
}

.zinzai header .inner-1200 .contact_button a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

/*** フッター ***/
.zinzai footer {
	padding: 24px 0px;
	background: #000;
}

.zinzai footer .footer_inner {
	width: 96%;
	max-width: 1000px; 
	margin: 0px auto 0px;  
	color: #FFF; 
	line-height:1.4;
}

.zinzai footer .footer_inner ul {
	width: 96%;
	max-width: 920px;
	margin: 0 auto 20px;
}

.zinzai footer .footer_inner ul li {
	margin-bottom: 30px;
}

.zinzai footer .footer_inner ul li a {
	color: #fff;
	text-decoration: none;
}

.zinzai footer .footer_inner ul li a:hover {
	text-decoration: underline;
}

.zinzai footer .footer_inner .copy {
	color: #fff;
	font-size: 90%;
}

/*** 上へ戻るボタン ***/
p#up {
	padding: 10px 6px;
	background: #A2210E;
	border: 1px solid #000;
	font-size: 90%;
	color: #fff;
	line-height: 1.4;
	text-align: center;
	position: fixed;
	left: auto;
	right: 10%;
	bottom: 4%;
}

p#up:hover {
	cursor: pointer;
}

/*** キャッチフレーズなど ***/
.zinzai #key {
	padding: 16px 0 30px;
	background: url(../img/old-design-zinzai/zinzai02_key-back.jpg);
	border-bottom: 2px solid #000;
	position: relative;
}

.zinzai02 #key p {
	width: 96%;
	max-width: 1264px;
	margin: 0 auto;
}

.zinzai02 #key p img {
	width: 100%;
	height: auto;
}

/*** コンテンツ01 主な仕事内容 ***/
.zinzai #content01 {
	padding: 40px 0;
	/*background: #F8F5ED;
	border-bottom: 2px solid #000;*/
}

.zinzai #content01 h2 {
	width: 39%;
	margin-bottom: 54px;
	padding: 14px 30px 16px 0;
	background: #1C305C;
	text-align: right;
	display: inline-block;
	box-sizing: border-box;
}

.zinzai #content01 .inner-1200 dl.about {
	width: 49%;
	margin-bottom: 58px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zinzai #content01 .inner-1200 dl.about:nth-child(2) ~ dl.about {
	margin-bottom: 0;
}

.zinzai #content01 .inner-1200 dl.about dt {
	width: 100%;
	margin-bottom: 12px;
	padding: 10px 0;
	background: #A2210E;
	text-align: center;
	align-self: flex-start;
}

.zinzai #content01 .inner-1200 dl.about dd.img {
	width: 46%;
	max-width: 273px;
}

.zinzai #content01 .inner-1200 dl.about dd.img img {
	width: 100%;
	height: auto;
}

.zinzai #content01 .inner-1200 dl.about dd.text {
	width: 52%;
	padding: 14px 12px;
	border: 1px solid #e4e4e4;
	background: #fff;
	line-height: 1.4;
	font-size: 90%;
}

/*** コンテンツ02 フォームまでスクロール ***/
.zinzai #content02 {
	padding: 32px 0 38px;
	border-bottom: 2px solid #000;
}

.zinzai #content02 .inner-1200 {
	position: relative;
}

.zinzai #content02 p.contact_button {
	width: 96%;
	max-width:  592px;
	margin: 0 auto;
}
	
.zinzai #content02 p.contact_button img {
	width: 100%;
	height: auto;
}

.zinzai #content02 p.contact_button a {
	display: block;
}

.zinzai #content02 p.toruchan {
	position: absolute;
	top: -56px;
	right: 4%;
}

/*** コンテンツ03 スタッフの声 ***/
.zinzai #content03 {
	padding: 40px 0 80px;
	/*background: #FFF1CF;*/
}

.zinzai #content03 h2 {
	width: 39%;
	margin-bottom: 54px;
	padding: 14px 30px 16px 0;
	background: #A2210E;
	text-align: right;
	display: inline-block;
	box-sizing: border-box;
}

.zinzai #content03 .staffs {
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
}

.zinzai #content03 #staffs-even.staffs {
	flex-direction: row-reverse;
}

.zinzai02 #content03 .staffs.last {
	margin-bottom: 50px;
}

.zinzai #content03 .staffs .text-area {
	width: 49%;
	padding: 26px 14px 26px 20px;
	background: #fff;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
}

.zinzai #content03 .staffs .text-area h3 {
	margin-bottom: 22px;
	font-size: 130%;
	float: left;
}

.zinzai #content03 .staffs .text-area h3 .sup {
	margin-left: 1em;
	font-size: 60%;
}

.zinzai #content03 .staffs .text-area p.info01 {
	width: 40%;
	padding: 8px 0;
	background: #660;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	float: right;
}

.zinzai #content03 .staffs .text-area p.texts {
	clear: both;
	margin-bottom: 16px;
	font-size: 90%;
}

.zinzai #content03 .staffs .text-area p.texts:last-child {
	margin-bottom: 0;
}

.zinzai #content03 .staffs .text-area p.texts .title {
	display: block;
	font-weight: bold;
}

.zinzai #content03 .staffs .img {
	width: 50%;
	max-width: 600px;
}

.zinzai #content03 .staffs .img img {
	width: 100%;
	height: auto;
}

.zinzai #content03 .staffpict ul li {
	width: 32%;
	margin-bottom: 24px;
}

.zinzai #content03 .staffpict ul li:last-child {
	margin-right: auto;
	margin-left: 2%;
}

.zinzai #content03 .staffpict ul li img {
	width: 100%;
	height: auto;
}

/*** コンテンツ04 募集要項 ***/
.zinzai #content04 {

}

.zinzai #content04 .title-area {
	margin-bottom: 115px;
	padding: 30px;
	background: #A2210E;
}

.zinzai #content04 .title-area .inner-1150 {
	background: url(../img/old-design-zinzai/zizai02_content04-img02.jpg) no-repeat right -20px;
	position: relative;
}

.zinzai #content04 .title-area h2 {
	margin: 30px 0;
}

.zinzai #content04 .title-area p {
	width: 26em;
	padding: 14px 16px 16px;
	background:  rgba(48, 40, 51, 0.9);
	border-radius: 5px;
	color: #fff;
	line-height: 1.5;
	position: absolute;
	right: -50px;
	bottom: -124px;
}

.zinzai #content04 .about-wrap {
	width: 96%;
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zinzai #content04 .about-wrap .about {
	width: 49%;
	margin-bottom: 20px;
	background: #FDDF99;
	border: 2px solid #A2210E;
	display: flex;
	align-items: center;
}

.zinzai #content04 .about h3 {
	width: 20%;
	text-align: center;
	font-size: 95%;
}
/*※長いタイトル*/
.zinzai #content04 .about05 h3 {
	margin-left: 3%;
}

/*※2文字タイトル*/
.zinzai #content04 .about h3 .title01 {
	display: inline-block;
	padding: 30px 24px;
	background: #333;
	border-radius: 50%;
	color: #fff;
	font-size: 90%;
}

/*※2列2文字タイトル*/
.zinzai #content04 .about h3 .title02 {
	display: inline-block;
	padding: 20px 24px;
	background: #333;
	border-radius: 50%;
	color: #fff;
	font-size: 90%;
	line-height: 1.2;
}

/*※長いタイトル*/
.zinzai #content04 .about h3 .title03 {
	display: inline-block;
	padding: 26px 20px;
	background: #333;
	border-radius: 50%;
	color: #fff;
	font-size: 90%;
	line-height: 1.4;
}

.zinzai #content04 .about .text-area {
	width: 78%;
	margin-left: 2%;
	padding: 20px 20px 16px 0;
	line-height: 1.6;
}

.zinzai #content04 .text-area p {
	font-size: 90%;
	line-height: 1.8;
}

.zinzai #content04 .text-area p:not(:last-child) {
	margin-bottom: 1em;
}

/*about05 アルバイトスタッフ募集店舗*/
.zinzai #content04 .about05 .text-area .small {
	margin-left: 0.5em;
	font-size: 95%;
	font-weight: bold;
}


.zinzai #content04 .text-area .detail01,
.zinzai #content04 .text-area .detail02,
.zinzai #content04 .text-area .detail03,
.zinzai #content04 .text-area .detail04,
.zinzai #content04 .text-area input {
	display: none;
}

.zinzai #content04 .last {
	width: 96%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}

/*** コンテンツ05 求人応募フォーム ***/
.zinzai #content05 {
	padding-bottom: 60px;
}

.zinzai #content05 h2 {
	width: 100%;
	margin-bottom: 40px;
	padding: 28px 0 24px;
	background: #A2210E;
	text-align: center;
}

.zinzai #content05 .inner-1000 p:first-child {
	width: 30em;
	margin: 0 auto 40px;
	line-height: 1.4;
}

.zinzai #content05 .inner-1000 p:first-child .red {
	color: #F00;
}

/*フォーム部分*/
.zinzai #content05 dl {
	width: 91%;
	margin: 0 auto 40px;
	padding: 32px 32px 16px 16px;
	background: url(../img/old-design-zinzai/zinzai02_key-back.jpg);
	border-radius: 5px;
}

.zinzai #content05 dl dt {
	width: 20%;
	padding: 12px 0 0 10px;
	font-size: 90%;
	position: relative;
}

/*※マーク*/
.zinzai #content05 dl dt .required {
	display: block;
	padding: 12px 12px 10px 12px;
	background: #FF2E00;
	border-radius: 50%;
	color: #fff;
	font-size: 200%;
	line-height: 1;
	position: absolute;
	top: -40px;
	left: -80px;
	z-index: 0;
}

.zinzai #content05 dl .required:before {
	content:"";
	display: block;
	width: 0;
	border: 300px solid transparent;
	border-color: transparent #FF2E00 transparent transparent;
	border-width: 0 12px 56px 0;
	position: absolute;
	left: 50px;
	top: 24px;
	transform: rotate(-55deg);
	z-index: -1;
}

.zinzai #content05 dl dd {
	width: 78%;
	margin: 0;
	padding: 0 0 16px 0;
}

.zinzai #content05 dl dd div {

}

.zinzai #content05 dl .blue-grad {
	/*背景グラデーション・青
	background-image : -moz-linear-gradient(#1C305C, #253F7A);
	background-image : -webkit-gradient(linear, left top, left bottom, from(#1C305C), to(#253F7A));
	background-image : linear-gradient(#1C305C, #253F7A);
	*/
}

.zinzai #content05 dl .red-grad {
	/*背景グラデーション・赤
	background-image : -moz-linear-gradient(#A2210E, #CF2912);
	background-image : -webkit-gradient(linear, left top, left bottom, from(#A2210E), to(#CF2912));
	background-image : linear-gradient(#A2210E, #CF2912);
	*/
}

.zinzai #content05 dl dd input[type="text"] {
	width: 100%;
	margin: 0 12px 12px 0;
	padding: 14px;
	border-radius: 8px;
}

.zinzai #content05 dl dd select {
	margin: 0 6px 12px 0;
	padding: 10px 14px 14px 14px;
	font-size: 90%;
}

.zinzai #content05 dl dd input[type="radio"] {
	margin: 4px 8px 28px 0;
}

.zinzai #content05 dl dd input[type="checkbox"] {
	margin: 0 4px 20px 0;
	padding: 4px;
	border-radius: 5px;
}

.zinzai #content05 dl dd textarea {
	width: 76%;
	margin: 12px 12px 12px 0;
	padding: 10px;
}

/*微調整・生年月日*/
.zinzai #content05 dl dd.inp03 select#year {
	width: 22%;
}

.zinzai #content05 dl dd.inp03 select:not(#year) {
	margin-left: 12px;
}

/*微調整・性別*/
.zinzai #content05 dl dt.inp04 {
	padding-top: 0;
}

.zinzai #content05 dl dd.inp04 {
	padding-bottom: 0;
}

.zinzai #content05 dl dd.inp04 label:last-child input[type="radio"] {
	margin-left: 28px;
}

/*微調整・住所*/
.zinzai #content05 dl dd.inp05 .title {
	display: inline-block;
	width: 5.5em;
	font-size: 90%;
}

.zinzai #content05 dl dd.inp05 .title:first-child {
	margin-top: 12px;
}

.zinzai #content05 dl dd.inp05 .sup {
	font-size: 90%;
}

.zinzai #content05 dl dd.inp05 input[type="text"]:not(:nth-child(2)) {
	margin: 0 0 26px 0;
}

.zinzai #content05 dl dd.inp05 input[type="text"].p-postal-code {
	width: 26%;
	margin-bottom: 26px;
}

.zinzai #content05 dl dd.inp05 input[type="text"].p-region {
	width: 26%;
	margin-right: 12px;
}

.zinzai #content05 dl dd.inp05 input[type="text"].p-locality {
	width: 40%;
}

.zinzai #content05 dl dd.inp05 input[type="text"].p-street-address {
	width: 64%;
}

.zinzai #content05 dl dd.inp05 input[type="text"]:last-child {
	width: 64%;
	margin-bottom: 12px;
}

/*微調整・御覧になった求人情報*/
.zinzai #content05 dl dd.inp09 .title:first-child {
	display: inline-block;
	font-size: 90%;
}

.zinzai #content05 dl dd.inp09 select {
	margin-left: 1em;
}

.zinzai #content05 dl dd.inp09 .title02,
.zinzai #content05 dl dd.inp10 .title02 {
	display: inline-block;
	margin-right: 1.5em;
	font-size: 90%;
}

.zinzai #content05 dl dd.inp10 {
	padding-top: 16px;
}

.zinzai #content05 p.button {
	width: 40%;
	margin: 0 auto;
	text-align: center;
}

.zinzai #content05 p.button input[type="submit"] {
	width: 100%;
	padding: 26px 0;
	background: #FDDF99;
	border: 3px solid #93200F;
	border-radius: 10px;
	font-size: 110%;
}

.zinzai #content05 p.button input[type="submit"]:hover {
	cursor: pointer;
	background: #fff;
}

/*** 募集停止中 ***/
.zinzai.stop #content01 {
	border-bottom: none;
}

.zinzai.stop .suspend {
	width: 80%;
	margin: 80px auto 50px;
}

.zinzai.stop .suspend p {
	padding: 16px;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #f00;
}
/*** 募集停止中 ここまで ***/

/***  iPad pro  ***/
@media screen and (max-width:1024px) {	
	a:hover img{
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha( opacity=100 )";
	}
	
	/*** 上へ戻るボタン ***/
	p#up {
		right: 2%;
		bottom: 2%;
	}
	
	/*** コンテンツ01 主な仕事内容 ***/
	.zinzai #content01 h2 {
		width: 50%;
	}
	
	/*** コンテンツ04 募集要項 ***/
	.zinzai #content04 .title-area .inner-1150 {
		background: none;
	}
	
	.zinzai #content04 .title-area p {
		right: 0;
		bottom: -74px;
	}
	
	.zinzai #content04 .about-wrap .about {
		display: block;
		padding: 16px;
	}
	
	.zinzai #content04 .about .text-area p:not(:last-child) {
		margin-bottom: 1em;
	}
	/*※長いタイトル*/
	.zinzai #content04 .about05 h3 {
		margin-left: 2%;
	}

	/*※長いタイトル*/
	.zinzai #content04 .about h3 .title03 {
		padding: 22px 10px;
	}
	
	/*** コンテンツ03 スタッフの声 ***/
	.zinzai #content03 h2 {
		width: 50%;
	}
}

/***  ipad  ***/
@media screen and (max-width: 780px) {	
	/*** フッター ***/
	.zinzai02 footer .footer_inner ul {
		width: 96%;
		max-width: 920px;
		margin: 0 auto 20px;
	}

	.zinzai footer .footer_inner ul li {
		width: 25%;
		text-align: center;
	}
	
	/*** コンテンツ01 主な仕事内容 ***/
	.zinzai #content01 h2 {
		width: 54%;
		text-align: left;
		padding: 14px 30px 16px 16px;
	}
	
	.zinzai #content01 .inner-1200.column-2 {
		display: block;
	}
	
	.zinzai #content01 .inner-1200 dl.about {
		width: 90%;
		margin: 0 auto 50px;
	}
	
	.zinzai #content01 .inner-1200 dl.about:nth-child(2) ~ dl.about {
		margin-bottom: 50px;
	}
	
	.zinzai #content01 .inner-1200 dl.about dd.text {
		width: 56%;
	}
	
	/*** コンテンツ02 フォームまでスクロール ***/
	.zinzai #content02 p.toruchan {
		width: 213px;
		top: -28px;
		right: 0;
	}
	
	.zinzai #content02 p.toruchan img {
		width: 100%;
		height: auto;
	}
	
	/*** コンテンツ04 募集要項 ***/
	.zinzai #content04 .title-area .inner-1150 {
		background: none;
	}
	
	.zinzai #content04 .title-area h2 {
		margin: 0;
	}
	
	.zinzai #content04 .title-area p {
		width: 48%;
		bottom: -78px;
	}
	
	.zinzai #content04 .about-wrap {
		display: block;
	}
	
	.zinzai #content04 .about-wrap .about {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		border: 1px solid #A2210E;
		display: flex;
		align-items: normal;
	}

	.zinzai #content04 .about-wrap .about:not(:last-child) {
		border-bottom: none;
	}

	.zinzai #content04 .about-wrap .about h3 {
		width: 6em;
		background: #333;
		display: flex;
		justify-content: center;
		align-content : center;
	}

	.zinzai #content04 .about h3 .title01,
	.zinzai #content04 .about h3 .title02,
	.zinzai #content04 .about h3 .title03 {
		padding: 0;
		display: inline;
		align-self: center;
	}

	/*※長いタイトル*/
	.zinzai #content04 .about-wrap .about05 h3 {
		margin-left: 0;
		padding: 0 10px;
	}

	.zinzai #content04 .about h3 .text-area {
		width: 70%;
		font-size: 80%;
	}

	.zinzai #content04 .last {
		width: 80%;
		text-align: left;
	}
	
	/*** コンテンツ03 スタッフの声 ***/
	.zinzai #content03 h2 {
		width: 54%;
		padding: 14px 30px 16px 16px;
		tex-align: left;
	}
	
	.zinzai #content03 .staffs {
		display: block;
		width: 80%;
		margin: 0 auto 50px;
	}
	
	.zinzai #content03 .staffs .text-area,
	.zinzai #content03 .staffs .img {
		width: 100%;
	}

	.zinzai #content03 .staffpict ul {
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	.zinzai #content03 .staffpict ul li {
		width: 100%;
	}

	.zinzai #content03 .staffpict ul li:last-child {
		margin: 0 auto;
	}
	
	/*** コンテンツ05 求人応募フォーム ***/
	.zinzai #content05 .inner-1000 p:first-child {
	width: 30em;
	margin: 0 auto 40px;
	line-height: 1.4;
}
	/*フォーム部分*/
	.zinzai #content05 dl {
		padding-top: 16px;
	}
	
	.zinzai #content05 dl dt {
		width: 100%;
		padding: 16px 0 0 32px;
		font-weight: bold;
	}

	/*※マーク*/
	.zinzai #content05 dl dt .required {
		top: -26px;
		left: -46px;
	}

	.zinzai #content05 dl .required:before {
		left: 44px;
		top: 14px;
	}

	.zinzai #content05 dl dd {
		width: 100%;
		padding: 8px 16px 16px 30px;
	}

	.zinzai #content05 dl dd.blue-grad {
		/*背景グラデーション・青
		background-image : -moz-linear-gradient(#253F7A, #1C305C);
		background-image : -webkit-gradient(linear, left top, left bottom, from(#253F7A), to(#1C305C));
		background-image : linear-gradient(#253F7A, #1C305C);
		*/
	}

	.zinzai #content05 dl dd.red-grad {
		/*背景グラデーション・赤
		background-image : -moz-linear-gradient(#CF2912, #A2210E);
		background-image : -webkit-gradient(linear, left top, left bottom, from(#A2210E), to(#A2210E));
		background-image : linear-gradient(#CF2912, #A2210E);
		*/
	}

	.zinzai #content05 dl dd textarea {
		width: 100%;
	}
}

/***  スマートフォン  ***/
@media screen and (max-width: 600px) {	
	/*** ヘッダー ***/
	.zinzai header .inner-1200 h1 {
		width: 100%;
	}

	.zinzai header .inner-1200 .contact_button {
		width: 35%;
		position: absolute;
		top: 50px;
		right: 0;
	}

	/*** フッター ***/
	.zinzai02 footer .footer_inner ul {
		display: block;
	}

	.zinzai footer .footer_inner ul li {
		width: inherit;
		text-align: left;
	}
	
	/*** 上へ戻るボタン ***/
	p#up {
		padding: 8px 6px;
		line-height: 1.8;
		font-size: 70%;
	}
	
	/*** キャッチフレーズなど ***/
	.zinzai #key {
		padding: 0;
	}
	
	.zinzai02 #key p {
		width: 100%;
		height: 33vh;
		max-height: 220px;
		position: relative;
		overflow: hidden;
	}

	.zinzai02 #key p img {
		position: absolute;
		top: 20px;
		left: 40px;
		transform: scale(1.2);
	}

	/*** コンテンツ01 主な仕事内容 ***/
	.zinzai #content01 h2 {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.zinzai #content01 h2 img {
		width: 182.5px;
		height: auto;
	}
	
	.zinzai #content01 .inner-1200 dl.about {
		width: 100%;
		display: block;
	}
	
	.zinzai #content01 .inner-1200 dl.about01 dt img {
		width: 75px;
		height: auto;
	}
	.zinzai #content01 .inner-1200 dl.about02 dt img {
		width: 75px;
		height: auto;
	}
	.zinzai #content01 .inner-1200 dl.about03 dt img {
		width: 190.5px;
		height: auto;
	}
	.zinzai #content01 .inner-1200 dl.about04 dt img {
		width: 114px;
		height: auto;
	}

	.zinzai #content01 .inner-1200 dl.about dd.text {
		width: 100%;
	}
	
	.zinzai #content01 .inner-1200 dl.about dd.img {
		width: 100%;
		margin: 0 auto 10px;
	}
	
	/*** コンテンツ02 フォームまでスクロール ***/	
	.zinzai #content02 p.toruchan {
		display: none;
	}
	
	/*** コンテンツ04 募集要項 ***/
	.zinzai #content04 .title-area {
		margin-bottom: 30px;
		padding: 16px;
	}
	
	.zinzai #content04 .title-area h2 {
		margin-bottom: 16px;
	}
	
	.zinzai #content04 .title-area h2 img {
		width: 100%;
		height: auto;
	}
	
	.zinzai #content04 .title-area p {
		width: 100%;
		position: relative;
		bottom: inherit;
	}

	.zinzai #content04 .about-wrap .about {
		width: 96%;
		justify-content: space-between;
	}
	
	.zinzai #content04 .about-wrap .about h3 {
		width: 25%;
	}

	.zinzai #content04 .about .text-area {
		width: 75%;
		margin-left: 0;
		padding: 0;
		overflow-y: hidden;
		position: relative;
	}

	.zinzai #content04 .text-area .text {
		max-height: 8em;
		padding: 16px;
	}

	.zinzai #content04 .about05 .text-area .small {
		margin-left: 1em;
		display: block;
	}

	.zinzai #content04 .text-area .detail01,
	.zinzai #content04 .text-area .detail02,
	.zinzai #content04 .text-area .detail03,
	.zinzai #content04 .text-area .detail04,
	.zinzai #content04 .text-area .detail05 {
		display: block;
		width: 100%;
		margin-bottom: 0;
		padding: 0.5em 0;
		background-color: rgba(255, 255, 255, 0.8);
		text-align: center;
		font-size: 90%;
		position: absolute;
		bottom: 0;
	}

	.zinzai #content04 .text-area input:checked + .detail01,
	.zinzai #content04 .text-area input:checked + .detail02,
	.zinzai #content04 .text-area input:checked + .detail03,
	.zinzai #content04 .text-area input:checked + .detail04,
	.zinzai #content04 .text-area input:checked + .detail05 {
		visibility: hidden;
	}

	.zinzai #content04 .text-area input:checked + .detail01 + .text,
	.zinzai #content04 .text-area input:checked + .detail02 + .text,
	.zinzai #content04 .text-area input:checked + .detail03 + .text,
	.zinzai #content04 .text-area input:checked + .detail04 + .text,
	.zinzai #content04 .text-area input:checked + .detail05 + .text {
		max-height: inherit;
	}
	
	/*** コンテンツ03 スタッフの声 ***/
	.zinzai #content03 h2 {
		width: 100%;
		margin-bottom: 30px;
		text-align: left;
	}
	
	.zinzai #content03 h2 img {
		width: 161.5px;
		height: auto;
	}
	
	.zinzai #content03 .staffs {
		width: 100%;
	}

	.zinzai #content03 .staffpict ul {
		width: 100%;
	}
	
	/*** コンテンツ05 求人応募フォーム ***/
	.zinzai #content05 h2 {
		text-align: center; 
	}
	
	.zinzai #content05 h2 img {
		width: 96%;
		height: auto;
	}
	
	.zinzai #content05 .inner-1000 p:first-child {
		width: 70%;
		font-size: 90%;
	}
	
	.zinzai #content05 dl {
		width: 96%;
		padding-right: 16px;
	}
	
	.zinzai #content05 dl dt {
		padding-left: 42px;
	}
	
	.zinzai #content05 dl dt.inp04,
	.zinzai #content05 dl dt.inp05,
	.zinzai #content05 dl dt.inp06,
	.zinzai #content05 dl dt.inp11 {
		padding-left: 16px;
	}
	
	
	.zinzai #content05 dl dt .required {
		top: -6px;
		left: -16px;
		padding: 10px 10px 8px 10px;
		font-size: 120%;
	}
	
	.zinzai #content05 dl .required:before {
		left: 30px;
		top: 8px;
		border-width: 0 8px 40px 0;
	}
	
	.zinzai #content05 dl dd input[type="text"] {
		padding: 8px;
	}
	
	.zinzai #content05 dl dd.inp03 select#year {
		width: 88%;
	}
	
	.zinzai #content05 dl dd.inp03 select:not(#year) {
		margin-left: 0;
	}
	
	.zinzai #content05 dl dd.inp05 input[type="text"].p-postal-code {
		width: 100%;
		margin-bottom: 8px;
	}
	
	.zinzai #content05 dl dd.inp05 .sup {
		display: block;
		margin-botom: 24px;
	}
	
	.zinzai #content05 dl dd.inp05 .title {
		margin-bottom: 8px;
	}
	
	.zinzai #content05 dl dd.inp05 input[type="text"].p-region {
		width: 80%;
		margin-right: 0;
	}
	
	.zinzai #content05 dl dd.inp05 input[type="text"].p-locality,
	.zinzai #content05 dl dd.inp05 input[type="text"].p-street-address,
	.zinzai #content05 dl dd.inp05 input[type="text"]:last-child {
		width: 100%;
	}
	
	.zinzai #content05 dl dd.inp10 label {
		display: block;
		width: 100%;
	}
	
	.zinzai #content05 p.button {
		width: 100%;
	}
	
	.zinzai #content05 p.button input[type="submit"] {
		padding: 16px 0;
	}
}