@charset "utf-8";
/*=================================================================*/
/* 全デバイス共通                                                                                           */
/*=================================================================*/
/*	reset
---------------------------------------------------------------*/
* { padding: 0px; margin: 0px; }

/*	img
---------------------------------------------------------------*/
img {
	border: none;
	vertical-align: middle;
}

/*	table
----------------------------------------------------*/
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

/*	clearfix
---------------------------------------------------------------*/
.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf { display: inline-block; }
/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */

/*	link
---------------------------------------------------------------*/
a:link,
a:visited,
a:active {
	color: #746957;
}

a:hover {
	color: #BC8943;
	text-decoration: none;
	opacity: 0.8;
}

/*	color
---------------------------------------------------------------*/
#wrap .red { color: #E80B74; }

/*	font size
---------------------------------------------------------------*/
.xsmall { font-size: 75%; }
.small { font-size: 90%; }
.large { font-size: 125%; }

/*	align
---------------------------------------------------------------*/
.contents .center { text-align: center; }
.contents .left { text-align: left; }
.contents .right { text-align: right; }

/*	float
---------------------------------------------------------------*/
#wrap .fleft { float: left; }
#wrap .fright { float: right; }

/*	space
---------------------------------------------------------------*/
.contents .mb0 { margin-bottom: 0px!Important; }
.contents .mb10 { margin-bottom: 10px; }
.contents .mb15 { margin-bottom: 15px; }
.contents .mb30 { margin-bottom: 30px; }
.contents .mb50 { margin-bottom: 50px; }
.contents .pt60 { padding-top: 60px; }

/*	ul
---------------------------------------------------------------*/
li { list-style-type: none; }

/*	p
---------------------------------------------------------------*/
p { color: #746957; }

/*=================================================================*/
body {
	line-height: 160%;
	margin: 0 auto;
	text-align: center;
	word-break: normal;
	word-wrap:break-word;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","游ゴシック",YuGothic,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #746957;
	font-weight: 500;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","游ゴシック",YuGothic,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

/*******************************************************************/
/* PC：幅769px以上                                                   */
/*******************************************************************/
@media screen and (min-width: 769px) {
/*<start>==========================================================*/
html {
	font-size: 62.5%;
	height: 100%;
}
body {
	font-size: 14px;/*css3の効かないブラウザ用*/
	font-size: 1.4rem;/*bodyのベースサイズをセット（ここでは16px）以下各要素は10pxを基準にサイズ指定1.2rem（12px）1.4rem（14px）など）*/
	height: 100%;
}
#wrap {
	position: relative;
	min-height: 100%;
	height: 100%;
	height: auto;
}
article { padding-bottom: 160px!Important; }
.sp { display: none !important; }

.inner {
	width: 1000px;
	margin: 0 auto;
}
.shadow_box {
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow:0px 0px 3px 0px #b8b8b8;
	-moz-box-shadow:0px 0px 3px 0px #b8b8b8;
	-webkit-box-shadow:0px 0px 3px 0px #b8b8b8;
	padding: 10px;
}
.cont_yellow_box {
	background: #fffded;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.yellow_in {
	padding: 32px;
}
/*	input
---------------------------------------------------------------*/
form { text-align: center; }
input[type="checkbox"], input[type="radio"] {
	display: none;
}
.radio, .checkbox, .mwform-radio-field-text {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: 0 0 0 27px;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 30px;
}
.checkbox:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #d2cbb0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	content: '';
	background: #fff;
}
.radio:after, .mwform-radio-field-text:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #d2cbb0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	content: '';
	background: #fff;
}
.radio:before, .mwform-radio-field-text:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #282828;
	content: '';
	opacity: 0;
	z-index: 9999;
}
input[type=radio]:checked + .radio:before, input[type=radio]:checked + .mwform-radio-field-text:before {
	opacity: 1;
}
.checkbox:before {
	position: absolute;
	top: 50%;
	left: 6px;
	display: block;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 9999;
}
input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}

select {
	background: #fff;
	border: 1px solid #d2cbb0;
	padding: 2px 4px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
input[type="text"] {
	padding: 5px 10px;
	border: 1px solid #d2cbb0;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","游ゴシック",YuGothic,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
input.w440 { width: 420px; }
input.w350 { width: 330px; }
input.w240 { width: 220px; }
input.w60 { width: 40px; }
input.w100 { width: 80px; }

textarea {
	border: 1px solid #d2cbb0;
	padding: 10px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","游ゴシック",YuGothic,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.input_btn {
	background: #b7d04c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	border: 0;
	padding: 3px 5px;
	cursor: pointer;
}
.btn {
	background: #f28bb2;
	color: #fff;
	text-decoration: none;
	height: 40px;
	padding: 8px 10px;
	width: 200px;
	font-size: 1.6rem;
	font-size: 16px;
	display: inline-block;
	font-weight: bold;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 0;
	box-shadow:0px 0px 3px 0px #cfcfcf;
	-moz-box-shadow:0px 0px 3px 0px #cfcfcf;
	-webkit-box-shadow:0px 0px 3px 0px #cfcfcf;
	margin: 20px 0 0;
	cursor: pointer;
}
.back_btn { background: #999; }
/*=================================================================*/
/*	header                                                                                                       */
/*=================================================================*/
header { position: relative; }
header .inner { padding: 18px 0; }

header .logo {
	float: left;
}
header .head_box {
	float: right;
}
header .head_box ul {
	position: relative;
	top: -18px;
	right: 0;
}
header .head_box ul li { float: left; }
header .head_box ul li:first-child, header .head_box ul li:nth-child(3) { margin-right: 10px; }
header .head_box ul li a.pink_btn {
	background: url(../../images/union/icon_arrow_s.png) no-repeat right 20px center #f28bb2;
	color: #fff;
	text-decoration: none;
	height: 31px;
	padding: 9px 50px 0 20px;
	display: block;
	font-weight: bold;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
}
header .head_box ul li a.line_btn {
	background: url(../../images/union/icon_arrow_s.png) no-repeat right 20px center #00c300;
	text-decoration: none;
	height: 31px;
	padding: 9px 50px 0 20px;
	display: block;
	font-weight: bold;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	color: #fff;
}

header .head_box p.phone {
	line-height: 0;
	font-size: 1.0rem;
	font-size: 10px;
	text-align: right;
	position: relative;
	top: -6px;

}
header .head_box p.phone img {
	margin-right: 10px;
}
/*=================================================================*/
/*	nav                                                                                                       */
/*=================================================================*/
a.hamburger { display: none; }
nav { border-bottom: 4px solid #b7d04c; }
.nav_main{
	*zoom: 1;
	list-style-type: none;
	padding: 0;
}
.nav_main:before, .nav_main:after{
	content: "";
	display: table;
}
.nav_main:after{
	clear: both;
}
.nav_main li{
	position: relative;
	width: 250px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	border-left: 1px solid #282828;
	box-sizing: border-box;
}
.nav_main li:last-child {
	border-right: 1px solid #282828;
}
.nav_main li a{
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	background: #fff;
	color: #282828;
	font-size: 1.4rem;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}
.nav_main li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.nav_main li ul li{
	width: 100%;
	border-left: 0;
}
.nav_main li ul li:last-child {
	border-right: 0;
	width: 249px;
}
.nav_main li ul li a{
	padding: 13px 15px;
	background: #E7E7E7;
	border-top: 2px solid #fff;
	line-height: 130%;
}
.nav_main li ul li:first-child a{
	border-top: 4px solid #b7d04c;
}
.nav_main li:hover > a{
	background: #b7d04c;
}
.nav_main li a:hover{
	background: #b7d04c;
}
.nav_main li ul{
	opacity: 0;
	visibility: hidden;
	transition: 0s;
}
.nav_main li:hover ul{
	visibility: visible;
	opacity: 1;
}
.nav_main li ul li a {
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}
.nav_main li:hover ul li a {
	visibility: visible;
	opacity: 1;
}
/*=================================================================*/
/*	footer                                                                                                       */
/*=================================================================*/
footer {
	background: #b7d04c;
	padding: 20px 0;
	font-size: 1.2rem;
	font-size: 12px;
	color: #fff;
	margin-top: 70px;
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
}
footer .inner {
	position: relative;
	padding: 4px 0 0;
}
footer a.totop {
	background: #b7d04c;
	width: 44px;
	height: 24px;
	padding: 10px 0;
	display: inline-block;
	position: absolute;
	top: -64px;
	right: 0;
}
footer a,
footer p {
	color: #fff;
}
footer .fLink img { margin-right: 5px; }
footer .fLink {
	float: right;
	width: 200px;
	margin-right: 180px;
}
footer .fLink a {
	color: #fff;
}
footer .fTxt {
	float: left;
	width: 520px;
	text-align: left;
}
footer .siteSeal {
	top: 7px;
	right: 0;
	position: absolute;
}

/*<end>============================================================*/
}


/*******************************************************************/
/* SP：幅768px以下                                                                                         */
/*******************************************************************/
@media screen and (max-width: 768px) {
/*<start>==========================================================*/
html { font-size: 62.5%; }/*10px相当にreset*/
body {
	font-size: 16px;/*css3の効かないブラウザ用*/
	font-size: 1.6rem;/*bodyのベースサイズをセット（ここでは20px）以下各要素は10pxを基準にサイズ指定2.2rem（22px）2.4rem（24px）など）*/
}
html,body {
	-webkit-text-size-adjust: 100%; /* iPhoneでのフォントサイズ自動変換OFF  縦横でのフォントサイズが固定される */
	-webkit-font-smoothing: antialiased;
	android:textAppearance="?android:attr/textAppearanceSmall"
}
.pc { display: none !important; }

/*	img
----------------------------------------------------*/
img { width: 100%; height: auto; }

.inner {
	width: 94.66%;
	margin: 0 auto 30px;
}
/*	input
---------------------------------------------------------------*/
input[type=radio], input[type=checkbox] {
	display: none;
}
.radio, .checkbox {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: 0 0 0 27px;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 20px;
}
.checkbox:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #d2cbb0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	content: '';
	background: #fff;
}
.radio:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #d2cbb0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	content: '';
	background: #fff;
}
.radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #282828;
	content: '';
	opacity: 0;
	z-index: 99;
}
input[type=radio]:checked + .radio:before {
	opacity: 1;
}
.checkbox:before {
	position: absolute;
	top: 50%;
	left: 6px;
	display: block;
	margin-top: -8px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 99;
}
input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}
input[type="text"] {
	padding: 3% 5%;
	border: 1px solid #d2cbb0;
	margin-bottom: 3%;
}
input.w440 { width: 90%; }
input.w350 { width: 70%; }
input.w240 { width: 50%; }
input.w60 { width: 10%; }
input.w100 { width: 15%; }

textarea {
	border: 1px solid #d2cbb0;
	padding: 5%;
	width: 90%;
}
select {
	background: #fff;
	width: 100%;
	border: 1px solid #d2cbb0;
	padding: 2px 4px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height: 40px;
}
td.select_s select {
	width: 45%;
}
input[type="submit"], input[type="button"] { -webkit-appearance: none; }
.input_btn {
	background: #b7d04c;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	border: 0;
	padding: 3px 5px;
	cursor: pointer;
}

.btn {
	background: #f28bb2;
	color: #fff;
	text-decoration: none;
	padding: 2% 0;
	width: 100%;
	font-size: 1.6rem;
	font-size: 16px;
	display: inline-block;
	font-weight: bold;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 0;
	box-shadow:0px 0px 3px 0px #cfcfcf;
	-moz-box-shadow:0px 0px 3px 0px #cfcfcf;
	-webkit-box-shadow:0px 0px 3px 0px #cfcfcf;
	margin: 3% 0;
	cursor: pointer;
}
.back_btn { background: #999; }

/*=================================================================*/
/*	header                                                                                                       */
/*=================================================================*/
header { position: relative; }
header .inner {
	padding: 15px 0;
	margin-bottom: 0;
}

header .logo {
	float: left;
	width: 40%;
}
header .head_box {
	float: right;
	width: 34.11%;
}
header .head_box ul li.line_btn {
/*	position: fixed;
	top: 15px;
	right: 2.67%;
	width: 12.93%;
	z-index: 9999;*/
	display: none;
}
header .head_box ul li.pink_btn {
	width: 34.29%;
	float: left;
}

/*=================================================================*/
/*	nav                                                                                                       */
/*=================================================================*/
/*=================================================================*/
/*	fixbtn_area                                                                                                       */
/*=================================================================*/
section.fixbtn_area {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: none;
	background: #746957;
	margin-bottom: 0;
	padding: 3% 0;
	width: 100%;
}
section.fixbtn_area.job_detail_fixbtn p { color: #fff; }
section.fixbtn_area p { font-size: 1.4rem; }
section.fixbtn_area p.bold { font-weight: bold; }
section.fixbtn_area ul {
	width: 94.66%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
	padding-left: 2.5%;
}
section.fixbtn_area ul li {
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
}
/*=================================================================*/
/*	footer                                                                                                       */
/*=================================================================*/
footer {
	background: #b7d04c;
	padding: 20px 0 80px;
	font-size: 1.4rem;
	font-size: 14px;
	color: #fff;
	margin-top: 70px;
	text-align: left;
	position: relative;
}
footer .inner {
	position: relative;
	margin-bottom: 0;
}
footer a.totop {
	background: #b7d04c;
	width: 30px;
	height: 24px;
	padding: 8px 15px 15px 15px;
	display: inline-block;
	position: absolute;
	top: -64px;
	right: 0;
}
footer .fleft, footer .fright {
}
footer .fLink { margin-bottom: 5%; }
footer .fLink a {
	color: #fff;
	background: url(../../images/union/icon_arrow_s.png) no-repeat left center;
	padding-left: 20px;
}
footer .fTxt p {
	color: #fff;
	line-height: 140%;
}
.siteSeal {
	position: absolute;
	top: 45px;
	right: 0;
	width: 100px;
}
.siteSeal img {
	
}

/*<end>============================================================*/
}



/*******************************************************************/
/* 印刷専用スタイル（PCと同じ）                                                   */
/*******************************************************************/
@media print {
/*<start>==========================================================*/
html { font-size: 62.5%; }/*10px相当にreset*/
body {
	font-size: 16px;/*css3の効かないブラウザ用*/
	font-size: 1.6rem;/*bodyのベースサイズをセット（ここでは16px）以下各要素は10pxを基準にサイズ指定1.2rem（12px）1.4rem（14px）など）*/
}
.sp { display: none !important; }
/*<end>============================================================*/
}