@charset "UTF-8";
/* CSS Document */

/*===============================================
 レスポンシブ スマホサイズ 横幅 740px以下
===============================================*/
@media screen and (max-width: 740px) {

body {
	min-width: 320px;
	position:relative;
}

/* shadow */
.bg_shadow {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
.corner_circle {
	border-radius: 6px;        /* CSS3草案 */  
  -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 6px;   /* Firefox用 */
	/*behavior:url(js/PIE.htc);*/
}

.button {
	text-align:center;
	position: relative;
	background: -moz-linear-gradient(top,#F05251 0%,#DB4B4A);
	background: -webkit-gradient(linear, left top, left bottom, from(#F05251), to(#DB4B4A));
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F05251, endcolorstr=#DB4B4A));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F05251, endcolorstr=#DB4B4A))";
	zoom: 1;
	/* IE10+ */
	background: linear-gradient(to bottom, #F05251, #DB4B4A);

	border-radius: 8px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 5px 0 #B43D3D;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button:hover {
	top: 5px;
	box-shadow: none;
}
.button:active {
}

.button_orange {
	text-align:center;
	position: relative;
	background: -moz-linear-gradient(top,#FF931E 0%,#E9861B);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF931E), to(#E9861B));
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF931E, endcolorstr=#E9861B));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF931E, endcolorstr=#E9861B))";
	zoom: 1;
	/* IE10+ */
	background: linear-gradient(to bottom, #FF931E, #E9861B);
	
	border-radius: 8px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button_orange:hover {
}
.button_orange:active {
}

.button_blue {
	text-align:center;
	position: relative;
	background: -moz-linear-gradient(top,#005EAE 0%,#00569E);
	background: -webkit-gradient(linear, left top, left bottom, from(#005EAE), to(#00569E));
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#005EAE, endcolorstr=#00569E));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#005EAE, endcolorstr=#00569E))";
	zoom: 1;
	/* IE10+ */
	background: linear-gradient(to bottom, #005EAE, #00569E);
	
	border-radius: 8px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button_blue:hover {
}
.button_blue:active {
}

#page-top {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index:920;
}
#page-top a {
	position: relative;
	display:block;
	background: -moz-linear-gradient(top,#005EAE 0%,#00569E);
	background: -webkit-gradient(linear, left top, left bottom, from(#005EAE), to(#00569E));
	color:#FFF;
	font-size:9px;
	text-align:center;
	width:60px;
	height:60px;
	line-height:70px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	box-sizing:border-box;
}
#page-top a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin: -12px 0 0 -5px;
	border-top: solid 2px #FFF;
	border-left: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}

header {
	display:block;
}
header #header {
	box-sizing:border-box;
	background:#133E77;
	overflow:hidden;
	min-height:84px;
	padding-top:18px;
}
header #header h1 {
	display:block;
	margin:0px auto;
	padding:0px;
	width:100%;
	max-width:264px;
}
header #header h1 em {
	display:block;
	box-sizing:border-box;
	position:absolute;
	font-size:10px;
	top:0px;
	left:0px;
	width:100%;
	line-height:16px;
	padding-top:4px;
	padding-right:40px;
	background:url(../img/common/head_bg01.png) repeat-x center bottom;
	text-align:center;
}
header #header h1 img {
	width:100%;
	height:auto;
}
header #header .bn_orix {
	width:100%;
	height:auto;
	text-align:center;
	padding:10px;
}

header #header #head {
}
header #header #head ul.sub_navi {
	display:none;
}
header #header #head ul.sub_navi li {
}
header #header #head ul.sub_navi li a {
}
header #header #head .unit {
	text-align:center;
	font-size:12px;
	width:100%;
}
header #header #head .unit .tel {
	min-height:36px;
	width:100%;
	text-align:center;
}
header #header #head .unit .tel em {
	display:inline-block;
	color:#FFFFFF;
	font-weight:bold;
	line-height:30px;
	width:100%;
	margin:5px auto;
	padding:0px 10px;
	background:rgba(0,0,0,.25);
}
header #header #head .unit .tel em i {
	display:inline-block;
	font-size:24px;
	width:30px;
	vertical-align:middle;
	padding:0px 0px 0px 5px;
}
header #header #head .unit .tel em strong {
	font-size:18px;
	vertical-align:middle;
	padding:0 1em 0 0.2em;
}
header #header #head .unit .tel em strong a:link,
header #header #head .unit .tel em strong a:visited {
	color:#FFFFFF;
}
header #header #head .unit .tel img {
	display:none;
}
header #header #head .unit .btn {
	display:none;
}

/* Global Navi 1606 */
nav.global {
	display:block;
	width:100%;
	/*position:fixed;
	bottom:0px;
	z-index:9999;*/
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);
}
nav.global ul {
	margin:0px auto 0px;
	padding:0px;
	width:100%;
}
/*nav.global ul li {
	float:left;
	width:20%;
}*/
/* 2017.4.15追加 */
nav.global ul li {
	float:left;
	width:25%;
}

nav.global ul li:first-child {
	display:none;
}

nav.global ul li a {
	display:block;
	position:relative;
	box-sizing:border-box;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	height:60px;
	line-height:80px;
	letter-spacing: -0.05em;
	background:url(../img/common/navi_bg_off.png) repeat-x center bottom;
	
	-webkit-transition: 0.25s ease-in-out;
	   -moz-transition: 0.25s ease-in-out;  
       -o-transition: 0.25s ease-in-out;  
          transition: 0.25s ease-in-out;
}

nav.global ul li a i {
	display:block;
	position:absolute;
	font-size:18px;
	width:100%;
	top:50%;
	margin-top:-16px;
}
nav.global ul li a span {
	display:none;
}

nav.global ul li a:before,
nav.global ul li a:after {
	display:block;
	position:absolute;
	content:'';
	width:1px;
	height:56px;
}
nav.global ul li a:before {
	background:#F5FAFF;
	top:0px;
	left:0px;
	
	opacity:0.25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=25);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	
	background-blend-mode: screen;
}
nav.global ul li a:after {
	background:#004097;
	top:0px;
	right:0px;
	
	opacity:0.25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=25);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
	
	background-blend-mode: multiply;
}
nav.global ul li:nth-child(2) a:before {
	display:none;
}
/*
nav.global ul li a:hover {
	background:url(../img/common/navi_bg_on.png) repeat-x center bottom;
}
*/

/* Responsive SPhone Navi 1606 */
#sp_navi {
}
#sp_navi .drawer-togglet {
}
#sp_navi .drawer-hamburger .sr-only {
}
#sp_navi .drawer-hamburger .drawer-hamburger-icon {
}
#sp_navi .drawer-hamburger .ham-txt {
	color:#FFFFFF;
	font-size:6px;
	font-family: 'keifontregular';
	text-align:center;
	line-height:0em;
	height:6px;
}
#sp_navi nav.drawer-nav {
}
#sp_navi nav.drawer-nav ul {
	display:block;
	clear:both;
	overflow:hidden;
	padding:25px 0px 50px;
	margin-bottom:80px;
}
#sp_navi nav.drawer-nav ul li {
	border-bottom:1px solid rgba(0,0,0,0.25);
}
#sp_navi nav.drawer-nav ul li a {
	display:block;
	position:relative;
	line-height:42px;
	padding:0px 10px 0px 10px;
	font-size:12px;
	font-weight:bold;
}
#sp_navi nav.drawer-nav ul li a i {
	display:inline-block;
	font-size:16px;
	width:30px;
	text-align:center;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
	color:#0090D4;
}
#sp_navi nav.drawer-nav ul li a:before {
	display:block;
	position:absolute;
	content:'';
	top:0px;
	left:0px;
	width:100%;
	height:1px;
	background:#000000;
	opacity:0.1;
}
#sp_navi nav.drawer-nav ul li a:after {
	display:block;
	position:absolute;
	content:'';
	
	top:50%;
	right: 18px;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	
	margin:-4px 0px 0px -6px;
	border-top: 2px solid #005EAA;
	border-right: 2px solid #005EAA;
}
#sp_navi nav.drawer-nav ul li a:hover {
	background:#E7E7E7;
}



article {
}


/* footer */
footer {
	background:url(../img/common/bg_footer.png);
	width:100%;
	padding-bottom:70px;
}
footer #footer {
	width:100%;
	margin:0 auto;
	color:#FFF;
}
footer #footer ul {
	overflow:hidden;
	font-size:12px;
	margin:0px auto 0px;
	padding:0px 0px 10px 0px;
}
footer #footer ul li {
	display:block;
	text-align:center;
	line-height:40px;
	border-bottom:1px solid #6484C1;
}
footer #footer ul li a {
	display:block;
	color:#FFF;
}
footer #footer ul li a:hover {
	color:#FC0;
	background:rgba(0,0,0,0.20);
}
footer #footer .copyright {
	width:100%;
	text-align:center;
	font-size: 11px;
}
footer #footer .copyright a {
	display:none;
}
}

