@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;
	}
}

/*<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%;
}
footer .inner { position: relative; }
footer a.totop {
	background: #b7d04c;
	width: 44px;
	height: 24px;
	padding: 10px 0;
	display: inline-block;
	position: absolute;
	top: -64px;
	right: 0;
}
footer .fleft a {
	color: #fff;
}
footer .fleft img { margin-right: 5px; }
footer .fright p {
	color: #fff;
	text-align: right;
}

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