@charset "utf-8";

/* h2タイトル
----------------------------------------------------------- */

main#main h2 span {
	background: url(../images/h2_img01.png) center right no-repeat;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
main#main h2 {
	font-size: 20px;
	margin: 0 0 40px 0;
}

main#main h2 span {
	background: none;
}

main#main h2 span img {
	width: 45px;
	vertical-align: middle;
}
}

@media screen and (max-width: 479px) {
main#main h2 {
	font-size: 20px;
	margin: 0 0 30px 0;
}

main#main h2 span {
	background: none;
}

main#main h2 span img {
	width: 45px;
	vertical-align: middle;
}
}





/* クルー採用情報
----------------------------------------------------------- */
div#crew {
	overflow: hidden;
	margin: 0 0 50px 0;
}

div#crew_inner {
	float: left;
	width: 58%;
}

div#crew_inner p {
	margin: 0;
}

div#crew_inner p.font_small {
	font-size: 14px;
}


/* ダイヤル */
div#crew_right {
	float: right;
}

div#crew_right dl {
	margin: -12px 0 17px 0;
}

div#crew_right dl dt {
	font-size: 18px;
	font-weight: bold;
}

div#crew_right dl dt::before {
	content: "■";
	font-size: 1.8em;
	vertical-align: middle;
	margin: 0 0 0 -6px;
}

div#crew_right dl dd {
	font-size: 14px;
	margin: -16px 0 0 21px;
}

div#crew_right p {
	line-height: 1;
	font-size: 30px;
	padding: 0;
}

div#crew_right p img {
	vertical-align: middle;
	margin: 0 8px 0 0;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
div#crew_inner {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}
div#crew_right {
	float: none;
	width: 100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
div#crew_right dl {
	display: inline-block;
}
div#crew_right p {
	text-align: center;
}
}

@media screen and (max-width: 479px) {
div#crew_inner {
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}
div#crew_right {
	float: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
div#crew_right dl {
	display: inline-block;
}
div#crew_right p {
	text-align: center;
}
}





/* 応募受付ボタン
----------------------------------------------------------- */
.button {
	overflow: hidden;
	width: auto;
	margin: 0 107px;
	padding: 0;
}

.button a {
	display: block;
	/*z-index: 100;*/
	text-align: center;
	background: url(../images/ico_mcdonalds.png) 20px center no-repeat #00b09c;
	color: #fcca0f;
	font-size: 30px;
	font-weight: bold;
	padding: 17px 0;
	text-decoration: none;
}

.button a:hover {
	background: url(../images/ico_mcdonalds.png) 20px center no-repeat #9d7556;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
.button {
	margin: 0 5%;
	padding: 0;
}

.button a {
	font-size: 20px;
	background-size: 40px;
}

.button a:hover {
	background-size: 40px;
}
}

@media screen and (max-width: 479px) {
.button {
	margin: 0 5%;
}

.button a {
	background: url(../images/ico_mcdonalds.png) center 7px no-repeat #00b09c;
	font-size: 18px;
	background-size: 30px;
	padding: 35px 0 0 0;
}

.button a:hover {
	background-size: 30px;
}
}