@charset "utf-8";


/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; vertical-align:baseline;font-size:14px; line-height:1.8;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;font-size:14px;font-family: sans-serif; line-height:1.8;color:#444;}

html				{overflow-y:scroll;
						scroll-padding-top: 30px;}
blockquote, q		{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, textarea 	{margin:0; padding:0;}
ol, ul				{list-style:none;}
table				{border-collapse:collapse; border-spacing:0;}
caption, th			{text-align:left;}
a					{cursor:pointer; padding:0; margin:0;text-decoration:none;}
a img				{border:none; background-color:transparent;}
a:focus				{outline:none;}


/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a		{cursor:pointer; padding:0; margin:0;}
a img	{border:none; background-color:transparent;}


/* clearfix */
.cf:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
font-size:0.1em;
line-height:0;
}
.cf			{display:inline-block;}
* html .cf	{height:1%; }
.cf			{display:block; }
.mt0{margin-top:0!important;}


/* loading */
#loading {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
text-align: center;
}
#loading .loader {
position: fixed;
top: 50%;
left: 50%;
margin:auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}




/* HEADER AREA
******************************************/

header {
	padding:20px 0 20px 0;
	width:100%;
	min-width:1000px;
	position: relative;
	z-index: 10;
}
header .inner {
	padding:0 0;
	position:relative;
	display:table;
}
h1.logo {
	width:240px;
	display:table-cell;
	vertical-align:middle;
	position: relative;
	top: 0;
}
h1.logo	a {
	padding: 0 30px 30px 30px;
	display: block;
	line-height: 0;
	background: #fff;
}
h1.logo img {
	width:100%;
}
header a img {
	transition: opacity 0.3s ease-out;
}
header a:hover img	{
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 0.5s ease-out;
-moz-transition:opacity 0.5s ease-out;
-ms-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}

header .inright {
	display: table-cell;
	text-align: right;
}
header .inright ul.headContact {
	letter-spacing: -0.4em;
}
header .inright ul.headContact li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
header .inright ul.headContact li span {
	display: block;
	line-height: 1;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #595959;
}
header .inright ul.headContact li p {
	margin-top: 5px;
	line-height: 0;
}
header .inright ul.headContact li p img {
	width: 100%;
}
header .inright ul.headContact li.mail {
	margin: 0 0 0 10px;
	line-height: 0;
}
header .inright ul.headContact li.mail a {
	padding: 10px 15px;
	display: block;
	line-height: 1;
	background: #156caf;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	font-family: sans-serif;
	transform: rotate(.03deg);
}
header .inright ul.headContact li.mail a:hover {
	background: #fff;
	color: #156caf;
transition: 1.0s ;
}
header .inright ul.headContact li.mail i {
	padding: 0 5px 4px 0;
	font-size:19px;
	position: relative;
	top: 3px;
}

@media screen and (min-width:835px){
header .inright ul.headContact li p img {
	max-width: 174px;
}
}

/* mod_nav
-----------------------------------------*/

.mod_nav {
	margin-top: 25px;
	display:block;
	text-align:center;
}

/* navtitle */ 
.mod_nav p.navtitle {display:none;}

/* mod_nav_inner */	
.mod_nav_inner ul {
	margin:0 auto;
	border-right: solid 1px #156caf;
	text-align: right;
	letter-spacing: -0.4em;
}
.mod_nav_inner ul li {
	display: inline-block;
	vertical-align:middle;
	letter-spacing: normal;
}
.mod_nav_inner ul li:first-child	{margin:0 0 0 0;}

.mod_nav_inner ul li a {
	padding:0 35px 0 35px;
	display:block;
	position:relative;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
	font-weight: bold;
	font-size:14px;
	color:#156caf;
	letter-spacing:0.05em;
	border-left: solid 1px #156caf;
	text-align: center;
	line-height: 1;
}
.mod_nav_inner ul li a:hover {
	text-decoration: underline;
}
.mod_nav_inner ul li ul li a:hover {
	text-decoration: none;
}

.mod_nav_inner ul li .init-bottom a {
	border-left: solid 0px #156caf!important;
}
.mod_nav_inner ul li span {
	margin-top: 5px;
	color:#156caf;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
	font-weight: bold;
	font-size:11px;
	line-height:1;
	display:block;
	letter-spacing:0.1em;
}
.mod_nav_inner ul li a:hover span {
	text-decoration: none!important;
}
.mod_nav_inner ul li a:hover span {color:#156caf;}



/* mod_nav_btn */ 
.mod_nav_inner p.closebtn {display:none;}


/* SUB SUB NAV */
.init-bottom {
	padding: 0 5px;
	font-family:"Noto Sans CJK JP";
	font-weight: bold;
	font-size:14px;
	color:#156caf;
	letter-spacing:0.1em;
	border-left: solid 1px #156caf;
	text-align: center;
	line-height: 1;
}
.init-bottom:hover {
	cursor:pointer;
	color:#156caf;
}
.init-bottom:hover span	{
	cursor:pointer;
	color:#0882ca;
}

ul.menu__second-level {
	margin:0 auto;
	top:41px;
	background:rgba(21,108,175,0.9)!important;
	height:auto!important;
	visibility: hidden;
	opacity: 0;
	z-index:99999;
	text-align:left;
	border: none;
}

li.menu__mega {position:relative;}

li.menu__mega ul.menu__second-level {
	position: absolute!important;
	left:0px;
	box-sizing: border-box;
	background: #000066;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	width:300px;
	text-align:left;
	padding-top: 9px;
}

li.menu__mega:hover ul.menu__second-level {
	visibility: visible;
	opacity: 1;
	margin-top: 9px;
	z-index:1000;
}
li.menu__mega ul.menu__second-level li {
	margin:0;
	display:block;
	float:none!important;
	width:auto!important;
	height:auto!important;
	border: none;
	background:none;
	margin-top: -9px;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
li.menu__mega ul.menu__second-level li a {
	padding:14px 20px;
	color:#fff;
	display:block!important;
	width:auto!important;
	height:auto!important;
	line-height:normal!important;
	letter-spacing:0.1em;
	border-top:solid 1px #2c84c8;
	border-left:none;
	text-align: left;
	margin-top: 5px;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}

li.menu__mega ul.menu__second-level li:first-child a {border-top:none;}


li.menu__mega ul.menu__second-level li a:before {
	padding:0 5px 0 0px;
	color:#fff;
	content:"\f0a9";
	font-family:"FontAwesome";
	font-size:13px;
	position:relative;
	top:-1px;
}

li.menu__mega ul.menu__second-level li a:hover {background:#0882ca;}
 
li.menu__mega .init-bottom span	{
	color:#156caf;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
	font-size:11px;
	line-height:1;
	display:block;
	letter-spacing:0.1em;
}
li.menu__mega .init-bottom span:hover	{cursor:pointer;}




/* PAGETOP */

.forTop		{margin-top:10px;min-width:1000px;text-align:right;}
.forTop p	{text-align:right;}

.forTop .pagetop {
	padding:15px 35px 15px 35px;
	display:inline-block;
	background:#044373;
	color:#fff;
	line-height:1;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	letter-spacing:0.1em;
	font-family: sans-serif;
	transform: rotate(.03deg);
}
.forTop .pagetop:hover	{cursor:pointer;}





/* FOOTER AREA
******************************************/

footer {
	padding:40px 0 25px 0;
	min-width:1000px;
	background:#044373;
}

footer .footerInner {
	display: table;
}
footer .inleft {
	display: table-cell;
	width: 240px;
	text-align: center;
}
footer .inleft p.logo {
	width:180px;
	display:table-cell;
	vertical-align:middle;
	position: relative;
	top: 0;
	padding-left: 30px;
}
footer .inleft p.logo img {
	width:100%;
}
footer .inleft p.add {
	margin-top: 10px;
	font-size:14px;
	line-height: 1.4;
	color: #fff;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}

footer .inright {
	padding: 0 0 0 55px;
	display: table-cell;
	width: 725px;
	text-align: left;
	vertical-align: top;
}
footer ul.single {
	letter-spacing:-0.4em;
}
footer ul.single li {
	margin-left: 30px;
	letter-spacing:normal;
	display:inline-block;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.single li:first-child {
	margin-left: 0;
}
footer ul.single li a {
	color:#fff;
	display:block;
	font-size:16px;
	letter-spacing:0.1em;
	line-height: 1;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.single li a:hover {
	text-decoration:underline;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.single li i {
	padding: 0 5px 0 0;
}


footer p.ftmid {
	margin:15px 0 0 0;
	padding-top:25px;
	line-height:1;
	color:#fff;
	background: url(../img/ft_line.png) repeat-x top left;
	letter-spacing:0.1em;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
	font-size: 16px;
}
footer p.ftmid i {
	padding: 0 5px 0 0;
}
footer p.ftmid a {
	color:#fff;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
	font-size: 16px;;
}
footer p.ftmid a:hover {
	text-decoration:underline;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.all {
	margin: 10px 0 0 0;
}
footer ul.all li {
	margin-top: 5px;
	line-height: 1;
	float: left;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.all li a {
	color:#fff;
	display: inline-block;
	line-height: 1;
	font-size:16px;
	letter-spacing: 0.1em;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.all li a:hover {
	text-decoration:underline;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.all li:before {
	padding:0 5px;
	content:"/";
	display:inline-block;
	color:#fff;
	font-size:14px;
	position:relative;
}
footer ul.all li:first-child:before {
	padding:0 0 0 0;
	content:"";
	color:#fff;
}
footer p.copy {
	margin:25px 0 0 0;
	padding-top:25px;
	line-height:1;
	font-size: 13px;
	color:#fff;
	background: url(../img/ft_line.png) repeat-x top left;
	letter-spacing:0.1em;
	text-align: center;
}


 
 
 
 
 
 
 
 
@media screen and (max-width:834px){

/* HEADER AREA
******************************************/

header {
	padding:20px 0;
	width:auto;
	min-width:auto;
	position: relative;
	z-index: 10;
}
header .inner {
	padding:0 0;
	position:relative;
	display: block;
}
h1.logo {
	margin: 0 auto;
	width:240px;
	display: block;
	vertical-align:middle;
	position: relative;
	top: auto;
}
h1.logo	a {
	padding: 0;
	display: block;
	line-height: 0;
	background: none;
}
h1.logo img {
	width:100%;
}
header a img {
	transition: opacity 1s ease-out;
}
header a:hover img	{
opacity:1;
}

header .inright {
	display: block;
	text-align: center;
}
header .inright ul.headContact {
	margin-top: 20px;
	padding: 0 2%;
	letter-spacing: -0.4em;
}
header .inright ul.headContact li {
	display: block;
	letter-spacing: normal;
	vertical-align: middle;
}
header .inright ul.headContact li span {
	display: block;
	line-height: 1;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #595959;
	margin-bottom: 8px;
}
header .inright ul.headContact li p {
	margin-top: 5px;
	line-height: 0;
}
header .inright ul.headContact li p img {
	margin: 0 50%;
    margin-left: auto;
    margin-right: auto;
	max-width:200px;
}
	
header .inright ul.headContact li p a {display:block;}	
	
	
header .inright ul.headContact li.mail {
	margin: 20px 0 0 0;
	line-height: 0;
}
header .inright ul.headContact li.mail a {
	padding: 10px 15px;
	display: block;
	line-height: 1;
	background: #156caf;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	font-family: sans-serif;
	transform: rotate(.03deg);
}
header .inright ul.headContact li.mail i {
	padding: 0 5px 4px 0;
	font-size:19px;
	position: relative;
	top: 3px;
}



.mod_nav {margin-top:20px;position:relative;height:auto;min-width:auto;}

.mod_nav p.navtitle				{padding:5px 0 4px 0;position:relative;display:block;font-size:20px;cursor:pointer;background:#156caf;font-family: "ＭＳ Ｐ明朝";transform: rotate(.03deg);}
.mod_nav p.close span			{color:#fff;display:block;font-size:18px;font-family: "ＭＳ Ｐ明朝";transform: rotate(.03deg);}
.mod_nav p.close span:before	{padding:0 8px 0 0;display:inline-block;content:"\f0c9";font-family:FontAwesome;font-size:24px;vertical-align:middle;position:relative;top:-1px;}

.mod_nav p.open span			{display:block;font-size:18px;color:#fff;font-family: "ＭＳ Ｐ明朝";transform: rotate(.03deg);}
.mod_nav p.open span:before		{padding:0 8px 0 0;display:inline-block;color:#fff;content:"\f00d";font-family:FontAwesome;font-size:24px;vertical-align:middle;position:relative;top:-2px;}

.mod_nav_inner 						{display:none;position:absolute;top:52px;left:0;background:#f9f9f9;width:100%;}
.mod_nav_inner ul					{margin:0;text-align:left;border-right: none;}
.mod_nav_inner ul li				{display:block;margin:0;border-bottom:solid 1px #ccc!important;width:auto;font-family: "ＭＳ Ｐ明朝";transform: rotate(.03deg);}
.mod_nav_inner ul li:first-child	{border-top:none;font-family: "ＭＳ Ｐ明朝";transform: rotate(.03deg);}
.mod_nav_inner ul li a				{display:block;padding:15px 0 15px 10px;height:auto;font-size:16px;text-align: left;font-family: "ＭＳ Ｐ明朝";transform: rotate(.03deg);}
.mod_nav_inner ul li a:before		{padding:0 5px 0 0px;color:#156caf;content:"\f105";font-family:FontAwesome;font-size:13px;font-weight:bold;position:relative;top:-1px;}
.mod_nav_inner ul li a:hover		{text-decoration: none;}

.mod_nav_inner p.closebtn		{margin:0;padding:20px 10px;display:block;background-color:#000;color:#FFF;line-height:1;font-size:16px;cursor:pointer;text-align:center;}
.mod_nav_inner p.closebtn i		{margin:0 5px 0 0;}

.mod_nav_inner ul li span			{padding:0 0 0 5px;display:inline-block;border-left:none;font-family: "ＭＳ Ｐ明朝";transform: rotate(.03deg);}
.mod_nav_inner ul li:last-child span{border-right:none;}



/* SUB SUB NAV */

ul.menu__second-level	{margin:0 auto;top:auto;background:#156caf!important;height:auto!important;visibility:inherit!important;opacity:1;z-index: 1;display:block!important;}

li.menu__mega ul.menu__second-level {
position:relative!important;
left: 0;
box-sizing: border-box;
width: 100%!important;
padding: 0;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

li.menu__mega:hover ul.menu__second-level	{top:0;visibility: inherit;opacity: 1;text-align:left;}
li.menu__mega ul.menu__second-level > li	{float:none!important;width:100%!important;height:auto!important;}
li.menu__mega ul.menu__second-level > li a	{
padding:10px 20px!important;
border-top:none;
border-left:none;
color:#fff;
display:block!important;
width:auto!important;
height:auto!important;
line-height:normal!important;
letter-spacing:0.1em;
background:#156caf!important;
font-size:15px;
}
li.menu__mega ul.menu__second-level > li a:hover		{text-decoration:none;}


li.menu__mega .init-bottom	{
padding:0px 0 0px 0px;
border-left:none;
color:#156caf;
display:-webkit-box!important;
width:auto!important;
height:auto!important;
line-height:normal!important;
letter-spacing:0.1em;
background:#f9f9f9!important;
border:none!important;
font-size:16px;
text-align: left;
margin-bottom: -9px;
font-family: "ＭＳ Ｐ明朝";
transform: rotate(.03deg);
}
li.menu__mega .init-bottom.nolink a	{
pointer-events: none;
}

li.menu__mega .init-bottom span	{
	display: inline-block;
	color: #156caf;
	margin-top: 17px;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
.mod_nav_inner ul li .init-bottom a {
	border-left: solid 1px #156caf!important;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
li.menu__mega ul.menu__second-level li {
	margin:0;
	display:block;
	float:none!important;
	width:auto!important;
	height:auto!important;
	border: none;
	background:none;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}



/*li.menu__mega .init-bottom:before	{padding:0 5px 0 0px;color:#156caf;content:"\f107";font-family:FontAwesome;font-size:13px;font-weight:bold;position:relative;top:-1px;}*/
li.menu__mega .init-bottom:hover	{cursor:pointer;}


/* PAGETOP */

.forTop					{margin-top:25px;min-width:auto;text-align:center;}
.forTop p				{text-align:center;}
.forTop .pagetop		{padding:30px 0 30px 0;display:block;background:#222;color:#fff;line-height:0;font-size:14px;font-weight:bold;letter-spacing:0.1em;}
.forTop .pagetop:hover	{cursor:pointer;}



/* FOOTER AREA
******************************************/

footer {
	padding:30px 2% 20px 2%;
	min-width:auto;
	background:#044373;
}

footer .footerInner {
	display: block;
}
footer .inleft {
	margin: 0 auto;
	display: block;
	text-align: center;
}
footer .inleft p.logo {
	margin: 0 auto;
	line-height: 0;
}
footer .inleft p.logo img {
	width: 100%;
}
footer .inleft p.add {
	margin-top: 10px;
	font-size:14px;
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
}
footer .inleft p.add {
	font-size:14px;
	font-weight: bold;
}
footer .inleft.forsp.telcolor a {
	color: #fff;
	text-decoration: underline;
	font-size:16px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}

footer .inright {
	margin-top: 30px;
	padding: 5px 0 0 0;
	background: url(../img/ft_line.png) repeat-x left top;
	display: block;
	width: auto;
	text-align: left;
	vertical-align: top;
}
footer ul.single {
	letter-spacing:-0.4em;
}
footer ul.single li {
	margin: 0 0 0 0;
	letter-spacing:normal;
	display:block;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.single li:first-child {
	margin: 0 0 0 0;
}
footer ul.single li a {
	padding: 20px 1%;
	border-top: solid 1px #0b3556;
	color:#fff;
	display:block;
	font-size:15px;
	letter-spacing:0em;
	line-height: 1;
	font-family: "ＭＳ Ｐ明朝";
	transform: rotate(.03deg);
}
footer ul.single li:first-child a {
	border-top: none;
	transform: rotate(.03deg)
}
footer ul.single li a:hover {
	text-decoration:none;
}
footer ul.single li i {
	padding: 0 5px 0 0;
}


footer p.ftmid {
	margin: 0px 0 0 0;
	padding:25px 2%;
	line-height:1;
	color:#fff;
	background: url(../img/ft_line.png) repeat-x top left #156caf;
	letter-spacing:0.1em;
}
footer p.ftmid i {
	padding: 0 5px 0 0;
}
footer ul.all {
	margin: 0px 0 0 0;
}
footer ul.all li {
	margin: 0 0 0 0;
	letter-spacing:normal;
	display:block;
	float: none;
}
footer ul.all li:first-child {
	margin: 0 0 0 0;
}
footer ul.all li a {
	padding: 20px 1%;
	border-top: solid 1px #0b3556;
	color:#fff;
	display:block;
	font-size:16px;
	letter-spacing:0em;
	line-height: 1;
	width: auto;
}
footer ul.all li a:hover {
	text-decoration:none;
}
footer ul.all li:before {
	display:none;
}
footer ul.all li:first-child:before {
	display:none;
}
footer p.copy {
	margin:0 0 0 0;
	padding-top:25px;
	line-height:1;
	font-size: 12px;
	color:#fff;
	background: url(../img/ft_line.png) repeat-x top left;
	letter-spacing:0em;
	text-align: center;
}






 
}







/* 835px以上の時にforsp(スマホ用)を非表示 */
@media screen and (min-width:835px){.forsp {display: none!important;}}

/* 834px以下の時にforpc(ＰＣ用)を非表示 */
@media screen and (max-width:834px){.forpc {display: none!important;}}



/* 印刷時　電話番号が二重表示されないよう設定 */
@media print{
.forsp {display: none;}
}