@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: #000;
}

a:hover {
	color: #000;
	text-decoration: none;
}
.mvArea a:hover {
	opacity: 0.7;
}
.contents a:hover {
	opacity: 0.7;
}
.logo a:hover {
	opacity: 0.7;
}
/*	color
---------------------------------------------------------------*/
#wrap .red { color: #E80B74; }

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

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

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

/*	space
---------------------------------------------------------------*/
#wrap .mb0 { margin-bottom: 0px; }
#wrap .mb10 { margin-bottom: 10px; }
#wrap .mb15 { margin-bottom: 15px; }
#wrap .mb30 { margin-bottom: 30px; }
#wrap .mb50 { margin-bottom: 50px; }

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

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

/*=================================================================*/
body {
	line-height: 160%;
	margin: 0 auto;
	text-align: center;
	word-break: normal;
	word-wrap: break-word;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	color: #000;
}

/*******************************************************************/
/* PC：幅769px以上                                                   */
/*******************************************************************/
@media print, screen and (min-width: 769px) {
/*<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; }

#wrap {
	height: 100%;
	position: relative;
}

/*	font-size
---------------------------------------------------------------*/
.fontM {
	font-size: 100%;
}
.fontL {
	font-size: 115%;
	line-height: 160%;
}
header .fright dl.fontChange,
header .fright dl.langChange
 {
	float: left;
	font-size: 1.6rem;
	font-size: 16px;
	/*margin-right: 168px;*/
	padding: 19px 15px 18px 0;
}
header .fright dl dt {
	color: #fff;
	float: left;
	padding: 2px 8px;
}
header .fright dl dd {
	padding: 2px 8px;
	background: #da5a34;
	float: left;
	color:#fff;
	cursor: pointer;
	margin-left: 2px;
}
header .fright dl dd a{
	text-decoration:none;
	color:#fff;
	}
header .fright dl dd.active {
	background: #32374d;
}
#fontL {
	font-size: 115%;
}
header .fright dl.langChange dd.act{
	background: #32374d;
	}
header .fright dl.langChange dd.act:hover,
header .fright dl.langChange dd.act a:hover{
	opacity:1;
	cursor:default;
	}

/*=================================================================*/
/*	header*/
/*=================================================================*/
/*	slideNav
----------------------------------------------------------------*/
.mvArea .slideNav {
width: 1000px;
height: 120px;
margin: 0 auto;
text-align: left;
position: relative;
z-index: 9999;
}

.mvArea .slideNav .slick-list { overflow: visible; }

.mvArea .slideNav li {
height: 120px;
width: 249px !important;
display: block;
margin: 0 0 0 1px;
position: relative;
overflow: hidden;
float: left;
}

.mvArea .slideNav li.on { overflow: visible; }

.mvArea .slideNav .slide01 {
width: 250px !important;
margin: 0 0 0 0;
}

#wrap .mvArea .slideNav a {
font-size: 20px;
font-size: 2.0rem;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
line-height: 130%;
text-decoration: none;
color: #fff;
font-weight: normal;
display: block;
width: 249px !important;
height: 120px;
box-sizing: border-box;
padding: 20px 0 0 26px;
}

#wrap .mvArea .slideNav .slide01 a { width: 250px !important; }

#wrap .mvArea .slideNav a small {
font-size: 16px;
font-size: 1.6rem;
}

#wrap .mvArea .slideNav .slide01 a {
z-index: 9999;
background: url(../images/union/btn_slide01.jpg) no-repeat 0 0; }
#wrap .mvArea .slideNav .slide02 a {
z-index: 9999;
background: url(../images/union/btn_slide02.jpg) no-repeat 0 0;
}
#wrap .mvArea .slideNav .slide03 a {
z-index: 9999;
background: url(../images/union/btn_slide03.jpg) no-repeat 0 0;
}
#wrap .mvArea .slideNav .slide04 a {
z-index: 9999;
background: url(../images/union/btn_slide04.jpg) no-repeat 0 0;
}

#wrap .mvArea .slideNav li a {
background-size: cover;
position: relative;
}

/*.slideNav li ul*/
.mvArea .slideNav li .submenu {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
z-index: 9998;
}

#wrap .mvArea .slideNav li .submenu li {
height: auto;
border-bottom: 1px solid #172664;
}

#wrap .mvArea .slideNav li .submenu li a {
background: #0d194c;
padding: 10px;
font-size: 16px;
font-size: 1.6rem;
height: auto;
}

#wrap .mvArea .slideNav li .submenu li a small {
font-size: 14px;
font-size: 1.4rem;
}

#wrap .mvArea .slideNav li .submenu li a:hover { background: #172664; }

/*	othermenu
----------------------------------------------------------------*/
article .othermenu { background: #32374d; }

article .othermenu dl {
	width: 1000px;
	margin: 0 auto;
	display: table;
	min-height: 50px;
	font-size: 1.4rem;
}

article .othermenu dl dt {
	display: table-cell;
	width: 100px;
	text-align: center;
	background: #292929;
	vertical-align: middle;
	color: #fff;
}

article .othermenu dl dd {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0 0 0;
}

article .othermenu dl dd ul li {
	float: left;
	margin: 0 0 10px 10px;
}

article .othermenu dl dd ul li a {
	display: block;
	padding: 3px 10px 2px 22px;
	color: #fff;
	text-decoration: none;
	background: #da5a34 url(../images/union/icon_arrow.png) no-repeat 10px center;
}

article .othermenu dl dd ul li a:hover {
	opacity: 1.0;
	background-color: #d83909;
}


/*=================================================================*/
/*	pageTop*/
/*=================================================================*/
/*トップへ戻るボタン*/
#pageTop {
	position:fixed; /*固定*/
	bottom:0; /*場所を右下に移動*/
	right:20px; /*場所を右下に移動*/
	display:block; /*aタグをblock要素に変更*/
	background: #172664; /*以下、デザインはご自由に！！*/
	color:#fff;
	text-decoration:none;
	width:100px;
	height: 80px;
	text-align:center;
	line-height:22px;
	padding-top:50px;
	box-sizing:border-box;
	cursor: pointer;
	opacity: 0.8;
}

#pageTop::before,
#pageTop::after {
position: absolute;
top: -1px;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}

#pageTop::before {
right: 30px;
width: 40px;
height: 40px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#pageTop:hover {
opacity: 1.0;
}

#wrap #pageTop a {
color: #fff;
text-decoration: none;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight: normal;
font-size: 14px;
font-size: 1.4rem;
}

/*=================================================================*/
/*	footer*/
/*=================================================================*/
footer {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight: normal;
text-align: left;
}

#wrap footer a {
color: #fff;
text-decoration: none;
}
#wrap footer a:hover { text-decoration: underline; }

footer p {
color: #fff;
font-size: 14px;
font-size: 1.4rem;
}

/*	top
----------------------------------------------------------------*/
footer .top {
padding: 75px 0 60px 0;
background: #2755bc; /* Old browsers */
background: -moz-linear-gradient(45deg,  #2755bc 0%, #7b96d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #2755bc 0%,#7b96d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #2755bc 0%,#7b96d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2755bc', endColorstr='#7b96d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

footer .top .inner {
width: 1000px;
margin: 0 auto;
}

footer .top .fLink01,
footer .top .fLink02,
footer .top .fLink03,
footer .top .fLink04 {
float: left;
}

footer .top .fLink01 { width: 320px; }
footer .top .fLink02 { width: 260px; }
footer .top .fLink03 { width: 190px; }
footer .top .fLink04 { width: 214px; }

footer .top p {
display: inline-block;
width: 60px;
border-bottom: 2px solid #da5a34;
margin: 0 0 10px 0;
}

footer .top dl dt {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 7px 0;
font-weight: bold;
}
.fontL footer .top dl dt {
	font-size: 105%;
}
footer .top dl dd {
font-size: 14px;
font-size: 1.4rem;
padding: 0 0 0 4px;
}
.fontL footer .top dl dd {
	font-size: 95%;
}

footer .top dd li {
position: relative;
padding: 0 0 0 10px;
line-height: 140%;
margin: 0 0 7px 0;
}

footer .top dd li::before,
footer .top dd li::after {
position: absolute;
top: -1px;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

footer .top dd li::before {
left: 0;
width: 4px;
height: 4px;
border-top: 1px solid #da5a34;
border-right: 1px solid #da5a34;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*	bottom
----------------------------------------------------------------*/
footer .bottom {
background: #172664;
padding: 10px 0;
}

footer .bottom .inner {
width: 1000px;
margin: 0 auto;
}

footer .bottom ul {
width: 50%;
float: left;
}

footer .bottom ul li {
display: inline-block;
margin: 0 0 0 20px;
position: relative;
padding: 0 0 0 15px;
}

footer .bottom li::before {
content: "・";
position: absolute;
left: 0;
top: 2px;
color: #fff;
}

footer .bottom ul li:first-child { margin: 0; }

footer .bottom a {
font-size: 14px;
font-size: 1.4rem;
}

footer .bottom p {
float: right;
display: inline-block;
line-height: 140%;
margin: 5px 0 0 0;
}


/*<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）など）*/
	position: relative;
}
html,body {
	-webkit-text-size-adjust: 100%; /* iPhoneでのフォントサイズ自動変換OFF  縦横でのフォントサイズが固定される */
	-webkit-font-smoothing: antialiased;
	android:textAppearance="?android:attr/textAppearanceSmall"
}
.pc { display: none !important; }

#wrap {
	position: relative;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

#wrap .mb50 { margin-bottom: 6%; }

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

/*=================================================================*/
/*	fatNav*/
/*=================================================================*/
.fat-nav {
position: absolute;
font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*	pageList
-------------------------------------------------------------------*/
nav .pageList p {
margin: 2% 0 3% 5%;
display: inline-block;
width: 20%;
color: #fff;
border-bottom: 2px solid #da5a34;
}

nav .pageList dt {
border-bottom: 1px solid #b6c5e5;
padding: 0 5% 4% 5%;
font-size: 20px;
font-size: 2.0rem;
position: relative;
}

nav .pageList dt::before,
nav .pageList dt::after {
position: absolute;
top: 0;
bottom: 0;
right: 5%;
content: "";
vertical-align: top;
}

nav .pageList dt::before {
width: 14px;
height: 14px;
border-top: 2px solid #da5a34;
border-right: 2px solid #da5a34;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

nav .pageList dt.open::before,
nav .pageList dt.open::after { top: 7px; }

nav .pageList dt.open::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#wrap nav .pageList dt a {
text-decoration: none;
color: #fff;
}

nav .pageList dd {
background: #2755bc;
padding: 3% 5% 3% 5%;
display: none;
color: #fff;
}

nav .pageList dd li,
nav .linkList li {
position: relative;
padding: 0 0 0 17px;
margin: 4px 0 0 0;
}

nav .pageList dd li:first-child,
nav .linkList li:first-child { margin: 0; }

nav .pageList dd li::before,
nav .pageList dd li::after,
nav .linkList li::before,
nav .linkList li::after {
position: absolute;
top: 13px;
bottom: 0;
left: 0;
content: "";
vertical-align: top;
}

nav .pageList dd li::before,
nav .linkList li::before {
width: 5px;
height: 5px;
border-top: 2px solid #da5a34;
border-right: 2px solid #da5a34;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

nav .pageList dd li a,
nav .linkList li a {
padding: 4px 0;
display: inline-block;
}

nav .linkList { padding: 3% 5%; }

/*	banner
----------------------------------------------------------------*/
nav a.banner {
	background: #fff;
	display: inline-block;
	padding: 3%;
	margin-top: 3%;
	width: 60%;
}

/*=================================================================*/
/*	pageTop*/
/*=================================================================*/
/*トップへ戻るボタン*/
#pageTop {
	position:fixed; /*固定*/
	bottom:0; /*場所を右下に移動*/
	right: 0; /*場所を右下に移動*/
	display:block; /*aタグをblock要素に変更*/
	background: #172664; /*以下、デザインはご自由に！！*/
	color:#fff;
	text-decoration:none;
	width:80px;
	height: 60px;
	text-align:center;
	line-height:22px;
	padding-top:32px;
	box-sizing:border-box;
	cursor: pointer;
	opacity: 0.8;
}

#pageTop::before,
#pageTop::after {
position: absolute;
top: -1px;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}

#pageTop::before {
right: 29px;
width: 20px;
height: 20px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#pageTop:hover {
opacity: 1.0;
}

#wrap #pageTop a {
color: #fff;
text-decoration: none;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight: normal;
font-size: 10px;
font-size: 1.0rem;
}

/*=================================================================*/
/*	footer*/
/*=================================================================*/
footer {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-weight: normal;
text-align: left;
}

#wrap footer a {
color: #fff;
text-decoration: none;
}
#wrap footer a:hover { text-decoration: underline; }

footer p {
color: #fff;
font-size: 14px;
font-size: 1.4rem;
}

/*	top
----------------------------------------------------------------*/
footer .top {
padding: 10px 0;
background: #2755bc; /* Old browsers */
background: -moz-linear-gradient(45deg,  #2755bc 0%, #7b96d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #2755bc 0%,#7b96d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #2755bc 0%,#7b96d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2755bc', endColorstr='#7b96d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

footer .top .inner {
width: 90%;
margin: 0 auto;
}

footer .top .fLink01,
footer .top .fLink02,
footer .top .fLink03,
footer .top .fLink04 {
display: inline-block;
width: 100%;
}

footer .top p {
display: inline-block;
width: 60px;
border-bottom: 2px solid #da5a34;
margin: 0 0 10px 0;
}

footer .top dl dt {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 7px 0;
font-weight: bold;
}

footer .top dl dd {
font-size: 14px;
font-size: 1.4rem;
padding: 0 0 0 4px;
}

footer .top dd li {
position: relative;
padding: 0 0 0 10px;
line-height: 140%;
margin: 0 0 7px 0;
}

footer .top dd li::before,
footer .top dd li::after {
position: absolute;
top: -1px;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

footer .top dd li::before {
left: 0;
width: 4px;
height: 4px;
border-top: 1px solid #da5a34;
border-right: 1px solid #da5a34;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*	bottom
----------------------------------------------------------------*/
footer .bottom {
background: #172664;
padding: 10px 0;
text-align: center;
}

footer .bottom .inner {
width: 90%;
margin: 0 auto;
}

footer .bottom ul li {
display: inline-block;
margin: 0 0 0 20px;
position: relative;
padding: 0 0 0 15px;
}

footer .bottom li::before {
content: "・";
position: absolute;
left: 0;
top: 2px;
color: #fff;
}

footer .bottom ul li:first-child { margin: 0; }

footer .bottom a {
font-size: 14px;
font-size: 1.4rem;
}

footer .bottom p {
display: inline-block;
line-height: 140%;
margin: 5px 0 0 0;
font-size: 12px;
font-size: 1.2rem;
}




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