@charset "UTF-8";
/*===========================================================
[最近の更新]
2021/04/19 headerの余白を修正しました。
===========================================================*/

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
/*===========================================================
検索結果・募集詳細・応募入力の共通設定
===========================================================*/
/* ページ全体のレイアウト調整 */
@media screen and (max-width: 768px) {
	.inner {
		width: 94% !important;
	}
}

/* 検索結果・○○○の募集詳細にあるh1の設定 */
	/* 背景色 */
.pageid {
	background-color: #fb969f;
}
	/* テキスト */
.pageid h1 {
	/* color: #333; */
}
	/* レイアウト調整 */
@media screen and (max-width: 768px) {
	.pageid h1 {
		font-size: 18px;
	}
}

/* 検索結果・募集詳細にある「応募する」ボタン、応募入力にある「入力内容の確認」「この内容で応募する」ボタンの設定 */
	/* 背景色・テキスト */
.button_application {
	background: #fb969f;
	/* color: #333; */
	border: none;
}
.button_application:hover {
	/* color: #ccc; */
}
	/* レイアウト調整 */
@media screen and (max-width: 768px) {
	.button_application {
		height: 70px !important;
	}
}

/* 検索結果・応募入力にある「詳細を見る」ボタンの設定 */
	/* 背景色・テキスト */
.button_detail {
	background: #fff;
	border: 2px solid #fd959e;
	color: #fd959e;
	font-size: 12px !important;
}
.button_detail:hover {
	color: #fd959e;
}
	/* レイアウト調整 */
@media screen and (max-width: 768px) {
	.button_detail {
		font-size: 130% !important;
		height: 70px !important;
		margin: 10px 0 0 0 !important;
	}
	.result_box_cont_02 {
		padding-bottom: 60px;
	}
}

/* 検索結果・応募入力にある応募先電話番号の設定 */
	/* テキスト */
.tell_area p.tell_number,
.tell_area p.tell_number a {
	color: #e14747;
	text-decoration: none;
}

/* 条件のtable(給与・勤務地など)の設定 */
	/* 背景色・テキスト */
.table_style_01 th,
.table_style_02 th {
	background-color: #f1f1f1;
	color: #333;
}
	/* レイアウト調整 */
.table_style_01 th,
.table_style_01 td,
.table_style_02 th,
.table_style_02 td {
	line-height: 1.5;
}
.table_style_01 th,
.table_style_02 th {
	min-width: 36px;
}
.table_style_01 td,
.table_style_02 td {
	min-width: 100px;
}
@media screen and (max-width: 768px) {
	.table_style_01 th,
	.table_style_01 td,
	.table_style_02 th,
	.table_style_02 td {
		padding: 20px 10px;
		font-size: 12px;
		height: 0 !important;
		vertical-align: baseline !important;
	}
}

/* 元からあるパンくずリストの影を消す */
.aui .breadcrumb > li {
	text-shadow: none;
}

/* 条件のレイアウト調整 */
.result_box_tag ul.tag {
	margin-top: 4px !important;
}
.result_box_tag ul.tag li {
	padding: 0.4em;
	margin: 4px;
	color: #999 !important;
}
.merit,
.competence,
.treatment {
	color: #999 !important;
	font-weight: bold;
	background-color: #fff !important;
	border: 1px solid #fd959e !important;
}

/* 検索結果・応募入力のform_レイアウト調整 */
	/* <label>の左にある緑色の丸を消す */
.circle {
	display: none;
}
@media (max-width: 768px) {
	.whiteBox__ver1 {
		padding: 10px;
	}
	.acord .arrow_down, .mb_acord .arrow_down,
	.acord .arrow_up, .mb_acord .arrow_up {
		width: 10px;
		height: 10px;
		border-top: 2px solid  #333;
		border-right: 2px solid  #333;
	}
	.acord .arrow_down, .mb_acord .arrow_down {
		top: 5px;
	}
	.acord .arrow_up, .mb_acord .arrow_up {
		top: 10px;
	}
	.form_entry_layout .wrap_input .input_label {
		font-size: 24px;
	}
	.wrap_input .input_area .radio,
	.wrap_input .input_area .checkbox,
	.wrap_input .input_area .box label {
		font-size: 18px;
		display: block;
	}
	.wrap_input .input_area p, .wrap_input .input_area span, .btn_box_wrapout span {
		font-size: 18px;
	}
}

/* 一部テキストの調整 */
.aui p, pre, address {
	color: #333;
	font-size: 14px;
}
.tag li {
	font-size: 14px !important;
}
.aui a{
	color: #e14747;
}
.aui a:visited{
	color: #333;
}
/*===========================================================
検索結果のページ設定
===========================================================*/

/* 「全ての一覧」のテキスト設定 */
	/* テキスト */
h1.search_headline {
	color: #e14747 !important;
}

/* 求人の検索フォーム_テキスト設定 */
	/* 「検索する」ボタンの背景色、テキストの設定 */
.button_search {
	background: #fb969f;
	border: none;
	/* color: #333; */
}
.button_search:hover {
	/* color: #333; */
}
/* 求人の検索フォーム_レイアウト調整 */
.form_entry_layout .box {
	/* margin-top: 14px !important; */
	margin-top: 24px !important;
	margin-right: 24px !important;
}
.form_entry_layout .box:first-child {
	margin-top: 0 !important;
}
.form_entry_layout .box_ttl {
	margin-bottom: 4px !important;
}
@media screen and (max-width: 768px) {
	.form_entry_layout .wrap_input .input_label {
		margin-bottom: 10px;
	}
	.form_entry_layout .box {
		margin-top: 14px !important;
		margin-right: 0 !important;
		padding: 10px 0;
	}
	.wrap_input .input_area .checkbox {
		padding: 10px 0;
	}
	.button_search {
		width: 100% !important;
		padding: 20px 0 !important;
	}
}

/* 求人件数（○○件あり ○○～○○件を表示しています）の「○○件」部分の設定 */
	/* テキスト */
.result_number > span > span {
	color: #ff9900;
}

/* 「おすすめ！」求人の設定 */
	 /* 背景色・テキスト */
.result_pageid_status2 {
	background-color: #ff9900;
	/* color: #333; */
}

/* 求人原稿の検索結果＿見出しの設定 */
.result_box{
	border: 1px solid #fd959e;
}
	/* 背景色 */
.result_box_ttl {
	background-color: #fff0f1;
}
	/* テキスト（標準） */
.result_box_ttl a {
	color: #e14747;
}
	/* テキスト（カーソルホバー） */
.result_box_ttl a:hover {
	color: #ef5a5a;
}
	/* テキスト（アクティブ） */
.result_box_ttl a:active {
	color: #e14747;
}
	/* テキスト（訪問済み） */
.result_box_ttl a:visited {
	color: #333;
}
	/* 見出しのレイアウト調整 */
.result_box_ttl {
	height: auto;
	padding: 15px 16px 15px 21px;
}
.result_pageid_ttl {
	float: none;
}
h1.result_pageid_ttl {
	font-size: 15px;
	line-height: 1.5;
}
.result_box_ttl_sub {
	float: none;
	font-size: 18px !important;
	line-height: 1.5;
	text-align: left;
}
p.result_box_ttl_sub {
	width: auto;
	-ms-text-overflow: clip;
	text-overflow: clip;
	white-space: normal;
}
@media screen and (max-width: 768px) {
	.result_box_ttl {
		padding: 10px;
	}
	p.result_box_ttl_sub {
		line-height: 1.5;
	}
}
/* 画像ありの求人＿レイアウト調整 */
@media screen and (max-width: 768px) {
	.result_box_cont_01 .result_box_cont_left {
		margin-bottom: 10px;
	}
}

/*===========================================================
募集詳細の設定
===========================================================*/

/* 募集詳細_「正社員・アルバイト・パート」などステータスの設定 */
	/* 背景色・テキスト */
.pageid_status {
	background-color: #FFF !important;
	color: #333 !important;
	font-size: 14px;
}

/* 「おすすめ！」求人の設定 */
	 /* 背景色・テキスト */
.pageid_status2 {
	background-color: #ff9900 !important;
	/* color: #333 !important; */
	font-size: 14px;
}

/* 求人原稿サブタイトルの設定 */
	/* テキスト */
.lead_area .lead_area_ttl {
	color: #333;
}

/* 画像の枠の設定 */
	/* 黄土色(#c9b793)から変更する */
div.slideshow-container,
a.thumb {
	/* background-color: #f2f2f2; */
}

/* 注目ポイントの設定 */
	/* 見出しの背景色・テキスト */
.appeal_point .wrap_input {
	background-color: #ee7801;
}
.appeal_point .wrap_input p {
	/* color: #333; */
	font-size: 16px;
}
	/* 内容の背景色・テキスト */
.appeal_point .wrap_input_item {
	background-color: #FFF;
}
.appeal_point .wrap_input_item p {
	font-size: 14px;
	color: #333;
}

/* お仕事情報・応募情報の設定 */
	/* 見出しの設定 */
.form_entry_head {
	border-bottom: 1px solid  #333;
}
.form_entry_head h2 {
	color: #333 !important;
}
	/* 応募先電話番号_テキスト */
.infoBox .infoBox_area .tell_number_detail,
.infoBox .infoBox_area .tell_number_detail a {
	color: #666;
	text-decoration: none;
}
	/* レイアウト調整 */
.infoBox .infoBox_label {
	width: 25%;
	padding-right: 2%;
	font-size: 110%;
	display: table-cell;
}
div.slideshow-container {
	height: 350px;
	width: 461px;
}
.aui .job-apply-control-portlet div.slideshow img {
	width: 439px;
	height: 327px;
}
ul.thumbs li {
	padding: 0px 0px 10px 10px;
}
.photo_area_detail {
	height: 350px;
}

/*===========================================================
応募入力の設定
===========================================================*/
/* STEPの設定 */
	/* 背景色 */
.step {
	background-color: #fd959e;
}
	/* 不要な背景色を透明にする */
.head-line_step,
.head-line_step_inactive {
	background: transparent;
}
	/* 現在のSTEP_テキスト色の設定 */
.head-line_step {
	/* color: #333; */
}
	/* 現在のSTEP_数字の背景色・テキスト色の設定 */
.circle_head {
	background-color: #fff;
}
.circle_head_number p {
	color: #333;
}
	/* 現在のSTEP_三角の色設定 */
.triangle:before,
.triangle:after {
	background-color: #fff;
}
	/* 現在のSTEP以外_テキスト色の設定 */
.head-line_step_inactive {
	color: rgba(255, 255, 255, 1);
}
	/* 現在のSTEP_数字の背景色・テキスト色の設定 */
.circle_head_inactive {
	background-color:#a3a3a3;
}
.circle_head_number_inactive p {
	color: rgba(255, 255, 255, 1);
}
	/* 現在のSTEP以外_三角の色設定 */
.triangle_inactive:before,
.triangle_inactive:after {
	background-color: rgba(255, 255, 255, 1);
}
	/* 三角のレイアウト調整 */
.triangle:before,
.triangle:after,
.triangle_inactive:before,
.triangle_inactive:after {
	width: 50%;
	height: 2px;
	border: none;
}
.triangle:before,
.triangle_inactive:before {
	transform: rotate(45deg);
	right: 8px;
	top: 14px;
}
.triangle:after,
.triangle_inactive:after {
	transform: rotate(-45deg);
	bottom: 10px;
	right: 8px;
}

/* 応募入力_「正社員・アルバイト・パート」などステータスの設定 */
	/* 背景色・テキスト */
.box_style_01_ttl > div {
	background-color: red !important;
	/* color: #333; */
	font-size: 14px;
}

/* 入力項目の「必須」の設定 */
	/* 背景色・テキスト */
.badge-important {
	background-color: #b50303 !important;
	/* color: #333 !important; */
	text-shadow: none !important;
}

/* 内容確認_「←戻る」ボタンの設定 */
	/* 背景色・テキスト */
.btn_box .return_left2 {
	background: #f1f1f1;
	color: #333;
	text-shadow: none;
	border: 1px solid  #d7d7d7;
}
.btn_box .return_left2:hover {
	background: #f1f1f1;
	color: #333;
}
	/* レイアウト調整 */
@media screen and (max-width: 768px) {
	.btn_box .return_left2 {
		margin-top: 80px !important;
	}
}

/* 応募完了_「求人情報一覧へ」ボタンの設定 */
	/* 背景色・テキスト */
.button_map {
	background: #000;
	border: none;
}
a.btn_01.button_map {
	/* color: #333 !important; */
}
	/* レイアウト調整 */
@media screen and (max-width: 768px) {
	.button_map {
		padding: 20px 0 !important;
		font-size: 18px;
		display: block !important;
	}
}

/* 応募入力_全体のレイアウト調整 */
.box_style_01_catchcopy {
	margin-bottom: 18px !important;
}
.lead_area.no_iamge {
	padding-left: 0;
}
.lead_area.no_iamge .tell_area {
	margin-bottom: 18px;
}
.lead_area_right.no_image {
	width: 280px;
}
@media screen and (max-width: 768px) {
	.lead_area.no_iamge {
		overflow: visible;
	}
	.lead_area_right.no_image {
		width: 100%;
	}
	.lead_area.no_iamge .tell_area {
		width: 100%;
	}
	.lead_area.no_iamge .tell_area .tell {
		font-size: 18px;
	}
}

/*===========================================================
header footerの設定
===========================================================*/
/*none*/
.sp {
	display: none;
}
/*header*/
.header {
	padding: 0;
	border-top: 10px solid #fb969f;
	background-color: #fff;
	width: 100%;
	z-index: 10;
}
.header__items {
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
}
.header__title {
	float: left;
	margin: 15px 0;
}
.header__title img {
	max-width: 590px;
	width: 100%;
}
.header__qr {
	float: right;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 15px 0;
}
.header__qr__txt {
	float: left;
	font-size: 12px;
	padding-right: 10px;
	padding-top: 4px;
	line-height: 1.3em;
}
.header__qr__img {
	float: right;
}
.header__qr__img img {
	width: 60px;
}
.header__btn {
	float: right;
	margin-top: 33px;
}
.header__btn ul a li {
	color: #fff;
	background-color: #208EE8;
	padding: 11px 30px 9px;
	font-size: 16px;
	border-radius: 0.5em;
	-moz-border-radius: 22em;
	-webkit-border-radius: 22em;
	-o-border-radius: 22em;
	-ms-border-radius: 22em;
	float: left;
	background-position: 94% 49%;
	background-image: url(../img/arrow_s_white.png);
	background-repeat: no-repeat;
	background-size: 6px 10px;
}
.header__btn ul a li:hover {
	opacity: 0.6;
}
.header__btn ul a li:last-child {
	margin-right: 10px;
}
/*nav*/
.mainnav {
	max-width: 960px;
	margin: 100%;
	margin: 0 auto;
}
.mainnav ul {
	width: 77%;
	margin: 0 auto;
	float: left;
	margin: 20px 0;
}
.mainnav ul li {
	float: left;
	border-left: 1px solid #333;
	padding: 0 34px;
	text-decoration: none;
}
.mainnav ul li a:hover {
	border-bottom: 2px solid #e7838c!important;
}
.mainnav ul li:last-child {
	border-right: 1px solid #333;
}
.mainnav_border {
	border-bottom: 2px solid #e7838c!important;
}
.ContactNav01 {
	float: right;
	display: block;
}
.ContactNav01 img {
	max-width: 216px;
}
.ContactNav02 {
	display: block;
	margin: 0 auto;
	max-width: 360px;
}
.ContactNav02 img {
	max-width: 360px;
}
.BorderRight {
	border-right: 1px solid #333;
}
.gnav ul {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.gnav ul li {
	margin-right: 140px;
	float: left;
}
.gnav ul li a {
	position: relative;
	border-bottom: 2px solid #f6717f!important;
}
.gnav ul li a::after {
	background-image: url(../img/nav_border.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 38px;
	position: absolute;
	content: "";
	top: -50px;
	left: 196px;
	background-size: 14px 38px;
}
.gnav ul li:nth-of-type(2) a::after {
	left: 186px;
}
.gnav ul li:nth-of-type(3) a::after {
	left: 212px;
}
.gnav ul li a:hover {
	opacity: 0.6;
}
.gnav ul li:last-child {
	margin-right: 0;
}
.gnav ul li:last-child a::after {
	display: none;
}
.gnav ul li a img {
	display: block;
	height: 60px;
}
/*求人一覧ボタン*/
.go-list-btn {
	display: block;
	margin: 0 auto;
	max-width: 300px;
}
.go-list-btn img {
	max-width: 300px;
}
.go-list-btn:hover {
	opacity: 0.6;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
SP用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width: 1021px) {
.aui body{
	padding-top: 61px;
}
/*header*/
.header__title {
	margin: 7px 0;
}
.header__title img {
	width: 86%;
}
.header__items {
	width: 96%;
}
.header__btn {
	display: none;
}
.header__qr {
	display: none;
}
.mainnav ul {
	display: none;
}
.ContactNav01 {
	display: none;
}
.overlay01_outer {
	padding-top: 81px;
}
/*nav*/
.gnav_none {
	display: none!important;
}
.gnav ul li {
	float: none;
}
.gnav ul {
	margin-bottom: 20px;
}
.gnav ul li a img {
	margin: 0 auto;
}
.gnav ul li a::after {
	display: none;
}
.gnav ul li {
	margin-right: 0;
	border-bottom: 2px solid #f6717f!important;
	padding-bottom: 10px;
}
.gnav ul li:nth-child(2n) {
	margin-top: 10px;
}
.gnav ul li:nth-child(3n) {
	margin-top: 10px;
}
}
/*footer*/
footer {
	padding: 0;
	background-color: #fafafa;
	margin-top: 100px;
}
.footer_inner {
	max-width: 871px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
small {
	font-size: 14px;
}
footer .footer_inner ul {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 20px;
}
footer .footer_inner ul li {
	float: left;
	border-left: 1px solid #fb969f;
	padding: 0 20px;
}
footer .footer_inner ul li a {
	color: #fb969f!important;
	font-size: 16px;
}
footer .footer_inner ul li:last-child {
	float: left;
	border-right: 1px solid #fb969f;
}
.facebook {
	margin: 0 auto;
}
footer small {
	text-align: center;
	display: block;
	background-color: #fb969f;
	color: #fff;
	padding: 20px 0;
}

@media screen and (max-width: 1021px) {
/*header*/
.header__title {
	margin: 7px 0;
}
.header__title img {
	width: 86%;
}
.header__items {
	width: 96%;
}
.header__btn {
	display: none;
}
.header__qr {
	display: none;
}
/*footer*/
footer {
	margin-top: 30px;
}
.footer_inner {
	width: 96%;
}
footer .footer_inner ul {
	float: none;
	margin: 0 auto 10px;
	max-width: 673px;
}
footer .footer_inner ul li {
	margin-bottom: 10px;
	padding: 0 10px;
}
footer .footer_inner ul li a {
	font-size: 14px;
}
.facebook {
	float: none;
}
}

/*===========================================================
検索結果のフォーム＿アコーディオンのレイアウト調整
===========================================================*/

.acord .arrow_down, .pc_acord .arrow_down,
.acord .arrow_up, .pc_acord .arrow_up {
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	width: 16px;
	height: 16px;
}
.acord .arrow_down, .pc_acord .arrow_down {
	top: 0;
}

@media screen and (max-width: 768px) {
	.form_entry_layout .box {
		padding: 0;
		margin-top: 0 !important;
	}
	.wrap_input .input_area .checkbox {
		padding: 0;
	}
	.form_entry_layout .box_ttl {
		margin-bottom: 0 !important;
	}
	.form_entry_layout .wrap_input .input_label {
		box-sizing: border-box;
	}
	.form_entry_layout .acord .input_label, .form_entry_layout .mb_acord .input_label {
		width: 100%;
	}
}

/*===========================================================
こだわり条件のレイアウト調整
===========================================================*/
.form_entry_layout .box_underline {
	float: none;
}



/*追従ボタン（トップへ）*/
#pageTop {
	position: fixed;
	bottom: 80px;
	right: 20px;
	z-index: 999;
}
#pageTop a {
	display: block;
	z-index: 999;
	padding: 14px 7px 0px;
	border-radius: 10px;
	width: 30px;
	height: 30px;
	background-color: #333333;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa-arrow-up:before {
	content: "\f062";
}

@media screen and (max-width: 768px) {
#pageTop {
	bottom: 60px;
	right: 2%;
}
#pageTop a {
	width: 30px!important;
	height: 32px!important;
	padding: 10px 7px 4px!important;
}
}
/*追加*/
header.fixed .fixnav {
	position: fixed;
	z-index: 10;
	background-color: #fff;
	width: 100%;
	top: 0;
}
header.fixed .fixnav_inner {
	width: 960px;
	margin: 20px auto 0!important;
}

@media screen and (max-width: 1021px) {
.header {
	position: fixed;
	z-index: 10;
	top: 0;
}
header.fixed .fixnav {
	display: none;
}
header.fixed .fixnav_inner {
	display: none;
}
.overlay01_outer {
	padding-top: 81px;
}
}

@media screen and (max-width: 714px) {
.overlay01_outer {
	padding-top: 17%!important;
}
}
/*ハンバーガー*/
.menu_sp_bg {
	display: none;
}

@media screen and (max-width: 1021px) {
.menu_sp_bg {
	display: block;
}
#menu_sp {
	margin-top: 20px;
	display: none;
}
#menu_sp ul {
}
#menu_sp .button01 {
	border-bottom: 1px solid #333333;
	padding: 9px 20px 9px;
}
#menu_sp .button01 a {
	display: block;
	position: relative;
	color: #333!important;
	font-size: 14px!important;
}
#menu_sp .button01 a:hover {
	color: #333!important;
}	
#menu_sp .button01 a:visited {
	color: #333!important;
}
	#menu_sp .button01 a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 1px #333333;
	border-right: solid 1px #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
nav.menu_sp {
	width: 25px;
	top: 80px;
	right: 10px;
	cursor: pointer;
	overflow: hidden;
	z-index: 100;
	float: right;
}
nav .menu1 {
	width: 25px;
	height: 2px;
	background-color: #000;
	top: 12px;
	right: 2%;
	position: absolute;
}
nav .menu2 {
	width: 25px;
	height: 2px;
	background-color: #000;
	top: 20px;
	right: 2%;
	position: absolute;
}
nav .menu3 {
	width: 25px;
	height: 2px;
	background-color: #000;
	top: 28px;
	right: 2%;
	position: absolute;
}
nav .menu1, nav .menu2, nav .menu3 {
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* Opera */
	-moz-transition: all 0.5s ease-out; /* Firefox */
	-webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.5s ease-out; /* IE */
}
nav .menuclick1 {
	top: 20px;
	-o-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-webkit-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	transform: rotate(405deg);
}
nav .menuclick2 {
	background-color: rgba(255,255,255,0);
}
nav .menuclick3 {
	top: 20px;
	-o-transform: rotate(-405deg);
	-moz-transform: rotate(-405deg);
	-webkit-transform: rotate(-405deg);
	-ms-transform: rotate(-405deg);
	transform: rotate(-405deg);
}
.button02_all {
	text-align: center;
	padding: 30px 0;
}
.button02 {
	background-color: #ff8891;
	border: 2px solid #ff8891;
	color: #fff!important;
	padding: 9.5px 68px 9.5px 86px;
	font-weight: bold;
	position: relative;
}
.button02:hover {
	background-color: #fff;
	border-color: #ff8891;
	color: #000!important;
}
.button02:before {
	position: absolute;
	top: 35%;
	left: 38%;
	content: "";
	display: block;
	width: 2px;
	height: 10px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #fff;
}
.button02:after {
	position: absolute;
	top: 35%;
	left: 38%;
	content: "";
	display: block;
	width: 2px;
	height: 10px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	background-color: #fff;
}
.button02:hover:before {
	background-color: #333;
}
.button02:hover:after {
	background-color: #333;
}
}