@charset "utf-8";

/**
 * サイト共通
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
img{vertical-align:top;border:0;}
em{font-style:normal;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}

/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
	font-size:62.5%;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	min-width:1024px;
	color:#2C3A43;
	font-family:'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:14px;
	font-size:1.4rem;
	/*font-size:88%\9;*/
	line-height: 2;
	-webkit-text-size-adjust:100%;
}

/*
::-moz-selection{
	color:;
	background:;
}
::selection{
	color:;
	background:;
}
*/


/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	color: #1089C5;
	outline: none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:link,
a:visited{
}
a:hover{
	/*color: #2177ad;*/
	text-decoration:none;
}


/*--------------------------------------------------------------------------
   Page
---------------------------------------------------------------------------*/

#Page{
	overflow: hidden;
	/*border-top:4px solid #023B81;*/
}

/*----------------------------------------------------------------------
	GlobalHeader
----------------------------------------------------------------------*/

#GlobalHeader{
	background:#FFF;
	position:relative;
	z-index:99999;
}

/*----------------------------------------------------------------------
	group-navi
----------------------------------------------------------------------*/

nav.group-navi {
	/*background:#439BF1;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#439BF1+50,023b81+100 */
	background: #439BF1; /* Old browsers */
	background: -moz-linear-gradient(left, #439BF1 40%, #023B81 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #439BF1 40%,#023B81 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #439BF1 40%,#023B81 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439BF1', endColorstr='#023B81',GradientType=1 ); /* IE6-9 */
	width:auto;
	z-index:10000;
	position:relative;
	display: -webkit-flex;
    display: flex;
}
.is-animation nav.group-navi {
	display:none;
}
nav.group-navi .group-logo {
	width:100%;
	max-width:160px;
	height:50px;
	padding-left:20px;
	display:table-cell;
	vertical-align:middle;
}
nav.group-navi .group-logo img {
	max-width:100%;
	height:auto;
}
nav.group-navi > div ul {
	position:absolute;
	left:200px;
	top:22.5%;
}
nav.group-navi > div + div ul {
	left:inherit;
	right:20px;
}
nav.group-navi > div li {
	display:inline-block;
}
nav.group-navi > div li a {
	padding-right:8px;
	margin-right:5px;
	font-size:13px;
	font-size:1.3rem;
	color:#FFF;
	text-decoration:none;
	transition:all 0.2s ease;
	border-right:1px solid rgba(255,255,255,0.4);
}
nav.group-navi > div li:last-child a {
	margin:0;
	padding:0;
	border-right:none;
}
nav.group-navi > div li a:hover {
	opacity:0.75;
}


/*----------------------------------------------------------------------
	global-navi
----------------------------------------------------------------------*/

nav.global-navi {
	width:auto;
	padding:10px;
	position:relative;
	z-index:10000;
	display: -webkit-flex;
    display: flex;
}


/* main-menu
--------------------------------------------------*/

.main-menu {
	background:#FFF;
	border-radius:5px;
	width:100%;
	height:90px;
	margin-right:5px;
	padding:8px 15px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	box-shadow:2px 2px 5px rgba(0,0,0,.15);
	box-sizing:border-box;
}

.main-menu > div:nth-of-type(1){
    width:100%;
}
.main-menu > div,
.main-menu > nav{
     -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.main-menu .sub-group {
	font-size:11px;
	font-size:1.1rem;
}
.main-menu .logo {
	padding:8px 0 0;
}
.main-menu .logo img{
	width:85%;
	height:auto;
}


/* sub-menu
--------------------------------------------------*/

.sub-menu {
	min-width:250px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.sub-menu div {
     -webkit-flex-grow: 1;
    flex-grow: 1;
	margin-left:5px;
}
.sub-menu div:first-of-type {
	margin-left:0;
}
.sub-menu div a {
	display:block;
	background:#FFF;
	height:43px;
	line-height:1.2;
	font-size:12px;
	font-size:1.2rem;
	color:#333;
	text-decoration:none;
	border:2px solid #FFF;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:2px 2px 5px rgba(0,0,0,.15);
	transition:all 0.2s ease;
}
.sub-menu .sub-mainte a {
	padding:5px 10px 0 12px;
	position:relative;
}
.sub-menu .sub-mainte a:before {
	display:block;
	content:"";
	background:url(/shared/images/ico_blank02.png) no-repeat right center;
	width:11px;
	height:11px;
	position:absolute;
	right:3px;
	bottom:5px;
}
.sub-menu .sub-document a ,
.sub-menu .sub-contact a {
	padding:12px 0 0 15px;
}
.sub-menu div a:hover {
	border:2px solid #94B9D4;
}
.sub-menu div a span{
	display:block;
}

.sub-menu .sub-tel {
	margin-left:0;
}
.sub-menu .sub-tel a {
	width:125px;
	background:url(/shared/images/icon_tel.png) no-repeat 3px 8px , #FFF;
	margin-top:3px;
	padding:5px 0 0 18px;
}
.sub-menu .sub-tel a .tel_num {
	color:#2970C4;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
}
.sub-menu .sub-tel a .tel_time {
	display:block;
	margin-left:-12px;
	font-size:10px;
	font-size:1.0rem;
	letter-spacing:-0.08em;
}
.sub-menu .sub-search {
	background:#FFF;
	width:120px;
	margin-top:3px;
	padding:7px 0 0 10px;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:2px 2px 5px rgba(0,0,0,.15);
}

.sub-menu + div a ,
.sub-menu + div + div a {
	display:block;
	width:90px;
	height:90px;
	text-align:center;
	line-height:1.4;
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	border-radius:5px;
	box-sizing:border-box;
	box-shadow:2px 2px 5px rgba(0,0,0,.15);
	transition:all 0.35s ease;
	position:relative;
}
/*
.sub-menu + div a:before ,
.sub-menu + div + div a:before {
	display:block;
	content:"";
	background:url(/shared/images/ico_blank02.png) no-repeat right center;
	width:11px;
	height:11px;
	position:absolute;
	right:5px;
	bottom:5px;
}
.sub-menu + div + div a:before {
	background:url(/shared/images/ico_blank01.png) no-repeat right center;
}
*/

.global-support {
	margin:0 5px;
}
.global-support a {
	background:#FFF;
	padding-top:28px;
	color:#86B1CF;
	border:2px solid #86B1CF;
}
.global-support a:hover {
	color:#2970C4;
	border:2px solid #2970C4;
}
.global-login {
}
.global-login a {
	background:#013B80;
	padding-top:23px;
	color:#FFF;
}
.global-login a:hover {
	background:#2970C4;
}
.global-login a span{
	display:block;
	padding:0 0 3px;
	line-height:1.2;
	font-size:11px;
	font-size:1.1rem;
}

/* dropmenu
--------------------------------------------------*/

#mainNavigation {
	padding-left:10px;
	box-sizing:border-box;
}
#dropmenu {
    display: -webkit-flex;
    display: flex;
	list-style-type: none;
	margin:0 auto;
}
#dropmenu li {
	margin:0;
	width:16.5%;
	text-align: center;
	transition:all 0.3s ease;
}
#dropmenu li:last-of-type {
	padding-right:0;
}
#dropmenu li a {
	display: inline-block;
	min-height:30px;
	padding:15px 3px 25px;
	color: #333;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight:bold;
	line-height: 1;
	position:relative;
	z-index:10;
	text-decoration: none;
}
#dropmenu li:nth-of-type(3) a ,
#dropmenu li:nth-of-type(6) a {
	padding:25px 3px 15px;
}
#dropmenu li a:after {
	display:block;
	content:"";
	width:100%;
	height:3px;
	background:#FFF;
	position:absolute;
	bottom:15px;
	margin-left:-3px;
	z-index:100;
}
#dropmenu li a span {
	display:block;
}
#dropmenu ul.drop01 {
	display:block;
	width: 100%;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
}
#dropmenu li:hover ul.drop01 ,
#dropmenu li.active ul.drop01 {
	display:block;
	background:#FFF;
	border-bottom:15px solid #FFF;
	box-shadow:0 2px 2px rgba(0,0,0,0.15);
}
#dropmenu li:hover ul.drop01 li ul.drop02 {
	display:none;
}
#dropmenu li:hover ul.drop01 li:hover ul.drop02 {
	display:block;
}

#dropmenu ul.drop01 li {
	width:20%;
	height: 0;
	padding:0;
	color: #FFF;
	float:left;
	position:relative;
	overflow: hidden;
}
#dropmenu ul.drop01 li:before {
	display:block;
	content:"";
	background:#ABB3BD;
	width:1px;
	height:15px;
	position:absolute;
	right:0;
	top:15px;
	z-index:100;
}
#dropmenu ul.drop01 li:last-of-type:before ,
#dropmenu ul.drop02 li:before {
	display:none;
}

#dropmenu li:nth-of-type(2) ul.drop01 li {
	width:16.65%;
}
 
#dropmenu ul.drop01 li a {
	display:block;
	background:#2C425A;
	min-height:45px;
	padding:15px 0 0 !important;
	text-align:center;
	color:#FFF;
	font-size: 13px;
	font-size: 1.3rem;
	border:none;
	box-sizing:border-box;
	transition:all 0.15s ease;
}
#dropmenu ul.drop01 li a:after {
	display:none;
	
}
#dropmenu ul.drop01 li:first-of-type a {
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	margin-left:10px;
}
#dropmenu ul.drop01 li:last-of-type a {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	margin-right:10px;
}
#dropmenu ul.drop01 li a.parent:after {
	display:inline-block;
	content:"";
	background:url(/shared/images/icon_parent.png) no-repeat 0 0;
	width:10px;
	height:7px;
	margin:0 0 4px 10px;
	transition:all 0.15s ease-out;
}
#dropmenu ul.drop01 li:hover a.parent:after {
	transform:rotate(180deg);
}

#dropmenu > li:hover > a ,
#dropmenu > li.active > a ,
#dropmenu ul.drop01 li:hover a ,
#dropmenu ul.drop01 li a.active {
	color:#FF8000;
}
#dropmenu > li:hover > a:after ,
#dropmenu > li.active > a:after {
	background:#2C425A;
}

#dropmenu > li:hover > ul > li {
	overflow:visible;
	height: 38px;
	transition:all 0.3s cubic-bezier(0,1.2,1,1.2);
}
#dropmenu > li.active li {
	overflow:visible;
	height: 38px;
}

#dropmenu ul.drop02 {
	position:relative;
	top:0;
	left:0;
	padding-top:8px;
}
#dropmenu ul.drop02:before {
	display:block;
	content: "";
	width: 0;
	height: 0;
	border:10px solid transparent;
	border-bottom-color:#2C425A;
	position: absolute;
	top:-10px;
	left:50%;
	margin-left:-10px;
}

#dropmenu > li.active ul.drop02 {
	display:none;
}
#dropmenu ul.drop02 li ,
#dropmenu > li.active li:hover  li {
	display:block !important;
	overflow:visible;
	width:100%;
	height:44px;
}

li#gNavi01 .drop01 {
	position:absolute;
	z-index:100 !important;
}
li#gNavi02.active .drop01 {
	position:absolute;
	z-index:50 !important;
}


#dropmenu ul.drop02 li:first-of-type {
	background:#2C425A;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	padding-top:15px !important;
}
#dropmenu ul.drop02 li:last-of-type {
	background:#2C425A;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding-bottom:10px !important;
}

#dropmenu ul.drop02 li a {
	display:block;
	color:#000 !important;
	display:block;
	margin:0 !important;
	padding:0 !important;
}
#dropmenu ul.drop02 li a:hover {
	color:#FF8000 !important;
}

#dropmenu ul.drop02 li span {
	background:#FFF;
	width:90%;
	height:40px;
	margin:0 auto;
	padding-top:13px;
	font-size:14px;
	font-size:1.4rem;
	border-radius:5px;
	box-sizing:border-box;
}


/*--------------------------------------------------------------------------
   スクロール時のヘッダーナビゲーション(.is-animation が付いた時)
---------------------------------------------------------------------------*/

#GlobalHeader.is-animation {
	width:100%;
	position:fixed;
	top:0;
	z-index:999999;
}

#GlobalHeader.is-animation nav.global-navi {
	padding:5px 10px;
	border-bottom:1px solid #D5D5D5;
}
#GlobalHeader.is-animation .main-menu {
	min-width:785px;
	height:50px;
	padding:0;
	box-shadow:none;
}
#GlobalHeader.is-animation .main-menu .logo {
	padding:5px 0 0 10px;
}

#GlobalHeader.is-animation .main-menu .sub-group {
	display:none;
}
#GlobalHeader.is-animation .sub-menu {
	display:none;
}

#GlobalHeader.is-animation .sub-menu + div a, #GlobalHeader.is-animation .sub-menu + div + div a {
	height:50px;
	line-height:1.2;
}
#GlobalHeader.is-animation .global-support a {
	padding-top:8px;
}
#GlobalHeader.is-animation .global-login a {
	padding-top:5px;
}
#GlobalHeader.is-animation .global-login a span {
	padding:0;
	margin-bottom:-1px;
	line-height:1.1;
}
#GlobalHeader.is-animation #mainNavigation {
	padding:0;
}

#GlobalHeader.is-animation #dropmenu li a {
	padding:20px 3px 10px;
}
#GlobalHeader.is-animation #dropmenu ul.drop01 {
	min-width:1000px;
	box-shadow:0 1px 0 #D5D5D5;
}

#GlobalHeader.is-animation #dropmenu li a span {
	display:inline-block;
}


/*----------------------------------------------------------------------
	#Contact
----------------------------------------------------------------------*/

#Contact{
	background: url(/shared/images/contact_bg.jpg) no-repeat 50% top;
	background-size:cover;
	padding:40px 0;
	margin-bottom:-28px;
	line-height: 1.8;
	overflow:hidden;
	box-sizing:border-box;
	border-top:1px solid #DBE1E6;
}
#Contact .sec-inner{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#Contact h2{
	margin:0 0 20px;
	text-align:center;
	font-size:35px;
	font-size:3.5rem;
	font-weight:bold;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
#Contact h2 a{
	background:url(/shared/images/ico_arw02.png) no-repeat left center;
	padding-left:30px;
	margin-left:-30px;
	color:#2C3A43;
	text-decoration:none;
}
#Contact h2 a:hover{
	text-decoration:underline;
}

#Contact h3{
	margin:0 auto 15px;
	text-align:center;
	line-height:1.4;
	color:#004380;
	font-size:17px;
	font-size:1.7rem;
}
#Contact h3 b{
	padding-left:3px;
	font-size:23px;
	font-size:2.3rem;
}

#Contact #Contact_Gappei {
	width:980px;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

#Contact .left-box {
	background:rgba(255,255,255,0.7);
	width:49%;
	padding:25px;
	overflow:hidden;
	box-sizing:border-box;
	-ms-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
}
#Contact .left-box dl{
	margin:0 0 10px 35px;
	line-height: 1;
	overflow:hidden
}
#Contact .left-box dt,
#Contact .left-box dd{
	float: left;
	padding-left:15px;
}
#Contact .left-box dd{
	padding-top:5px;
}
#Contact .left-box dd li{
	font-size:27px;
	font-size:2.7rem;
	font-weight:bold;
}
#Contact .left-box dd li+li{
	padding:3px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
	color:#444;
	font-weight:normal;
}
#Contact .left-box dd li a{
	color:#20AEE5;
	text-decoration:none;
}
#Contact .left-box dd li a:hover{
	color:#069FD8;
}
#Contact .left-box dl+dl dd li:nth-child(1){
	font-size:25px;
	font-size:2.5rem;
}

#Contact .btn-contact a,
#Contact .btn-faq a{
	width:280px;
	font-size:16px;
	font-size:1.6rem;
}
#Contact .btn-contact a:before,
#Contact .btn-faq a:before{
	margin-left:-15px;
	padding-right:10px;
}
#Contact .btn-contact a.blank,
#Contact .btn-faq a.blank{
	background-position:255px center;
}

#Contact .right-box {
	background:rgba(255,255,255,0.85);
	width:49%;
	padding:25px;
	overflow:hidden;
	box-sizing:border-box;
	-ms-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
}
#Contact .right-box p.notes,
#Contact .right-box p.lead{
	width:41.5%;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
	text-indent:-1em;
	padding-left:1em;
	clear:both;
	word-break:break-all;
}
#Contact .right-box p.notes{
	margin:10px 0 0 !important;
	font-size: 12px !important;
	font-size: 1.2rem !important;
	font-weight:normal !important;
}

#Contact .right-box .btn-border,
#Contact .right-box .btn-portal{
	width:230px;
	float:right;
}
#Contact .right-box .btn-border{
	margin:-60px 0 0;
	padding:0;
}
#Contact .right-box .btn-border a{
	padding:12px 0;
	line-height:1.4;
	font-weight:bold;
}
#Contact .right-box .btn-border a:before{
	background:url(/shared/images/ico_arw04.png) no-repeat left 5px;
}
#Contact .right-box .btn-portal{
	margin:-100px 0 0;
}
#Contact .right-box .btn-portal a{
	width:auto;
	font-size:16px;
	font-size:1.6rem;
}
#Contact .right-box .btn-portal a span{
	font-size:14px;
	font-size:1.4rem;
	font-weight:normal;
}
#Contact .right-box .btn-portal a:before{
	padding-right:7px;
	margin-left:-15px;
}
#Contact .right-box .btn-portal a.blank{
	background-position:190px center;
}

#Contact .right-box p.lead-login{
	background:url(/shared/images/ico_blank02.png) no-repeat right bottom;
	margin:-40px 7px 0 0;
	font-size:11px;
	font-size:1.1rem;
	line-height:1;
	float:right;
}
#Contact .right-box p.lead-login a{
	margin:0 0 0 -15px;
	padding:0 15px 0 15px;
	text-decoration:none;
}
#Contact .right-box p.lead-login a:hover{
	text-decoration:underline;
}

#Contact .right-box.change h3{
	background:url(/shared/images/ico_arw02.png) no-repeat left 20px center;
	font-size:17px !important;
	font-size:1.7rem !important;
}
#Contact .right-box.change h3 a{
	color:#004380;
	text-decoration:none;
}
#Contact .right-box.change h3 a:hover{
	text-decoration:underline;
}
#Contact .right-box.change .btn-border{
	margin:0;
	float:left;
	width:270px;
}
#Contact .right-box.change .btn-border:nth-of-type(2){
	float:right;
}
#Contact .right-box.change .btn-border:nth-of-type(2) a span{
	font-size:11px;
	font-size:1.1rem;
}

#Contact .clear-box {
	clear:both;
	background:rgba(255,255,255,0.85);
	width:978px;
	padding:25px 100px;
	-ms-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	overflow:hidden;
	box-sizing:border-box;
}
#Contact .clear-box h4{
	padding:5px 0 0 50px;
	font-size:21px;
	font-size:2.1rem;
	color:#2C3A43;
	line-height:1.4;
	font-weight:normal;
	float:left;
}
#Contact .clear-box .btn-faq{
	padding:5px 0 0;
	float:right;
}

/*----------------------------------------------------------------------
	#Pagetop
----------------------------------------------------------------------*/
#Pagetop{
	display: none;
	/*margin-left: 440px;*/
	position: fixed;
	left: 80%;
	bottom: 14px;
	z-index:10000;
}
@media all and (max-width: 1280px){
#Pagetop{
	/*margin-left: 100px;*/
}
}

/*----------------------------------------------------------------------
	#fixedFooter
----------------------------------------------------------------------*/
#fixedFooter{
	/*
	display: none;
	*/
	background:rgba(50,69,83,0.95);
	width:100%;
	padding:14px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	overflow:hidden;
	z-index:9999;
}
#fixedFooter ul{
	width:1000px;
	margin:0 auto;
	font-size:0;
}
#fixedFooter li{
	display:inline-block;
	margin-right:10px;
	font-size:13px;
	font-size:1.3rem;
}
#fixedFooter li:last-child{
	margin-right:0;
}
#fixedFooter .btn-order-fixed a{
	display:block;
	background-color:#FF8C45 !important;
	width:385px;
	margin:0 auto;
	padding:9px 0 7px 0px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	line-height:1;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	font-size:1.1rem;
	color:#FFF;
	text-align:center;
	letter-spacing:-0.01em;
	box-shadow:1px 1px 0 #CC7037;
}
#fixedFooter .btn-order-fixed a span{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}
#fixedFooter .btn-order-fixed a:before{
	display:inline-block;
	content:"■";
	background:url(/shared/images/ico_arw04_white.png) no-repeat left center;
	width:11px;
	margin-left:-12px;
	padding-right:7px;
	z-index:100;
	text-indent:-9999em;
}
#fixedFooter .btn-order-fixed a.blank{
	background-image:url(/shared/images/ico_blank01.png);
	background-repeat:no-repeat;
	background-position:410px center;
}
#fixedFooter .btn-order-fixed a:hover{
	background-color:#FF701A !important;
	box-shadow:1px 1px 0 #9D5428;
}
#fixedFooter .btn-fixed a{
	display:block;
	background-color:#20AEE5 !important;
	width:205px;
	margin:0 auto;
	padding:9px 0 7px 0px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	line-height:1;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	color:#FFF;
	text-align:center;
	box-shadow:1px 1px 0 #1987B3;
}
#fixedFooter .btn-fixed a:before{
	display:inline-block;
	content:"■";
	background:url(/shared/images/ico_arw04_white.png) no-repeat left center;
	width:11px;
	margin-left:-15px;
	padding-right:7px;
	z-index:100;
	text-indent:-9999em;
}
#fixedFooter .btn-fixed a.blank{
	background-image:url(/shared/images/ico_blank01.png);
	background-repeat:no-repeat;
	background-position:180px center;
}
#fixedFooter .btn-fixed a:hover{
	background-color:#079FDA !important;
}
#fixedFooter .btn-fixed.short a{
	width:145px;
}
#fixedFooter .btn-fixed.short a.blank{
	background-position:120px center;
}

/*--------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------*/

footer{
	background: #374d6b url(/shared/images/footer_bg.png) no-repeat 100% 100%;
	padding:0;
	border-top: 10px solid #1c3140;
}
footer .inner{
	width: 1000px;
	margin:0 auto;
	padding:30px 0 20px;
	position:relative;
}

/* nav
--------------------------------------------------*/
footer nav{
	float:left;
	width:800px;
	font-size:0;
}

footer nav ul{
	display:inline-block;
	width:200px;
	padding-right:20px;
	font-size:14px;
	font-size:1.4rem;
	box-sizing:border-box;
	vertical-align:top;
}
footer nav ul:last-child{
	padding-right:0;
}
/*
footer nav ul.footer-nav01{	width: 250px;}
*/
footer nav ul.footer-nav02{ width: 280px;}
footer nav ul.footer-nav03{	width: 240px;}
footer nav li{
	padding-bottom: 5px;
}
footer nav li a{
	font-size:13px;
	font-size:1.3rem;
	color:#F3F3F3;
	text-decoration: none;
}
footer nav li a:hover{
	color: #fff;
	text-decoration: underline;
}
footer nav li a[target="_blank"]{
	background: url(/shared/images/ico_blank01.png) no-repeat right center;
	padding-right: 18px;
}
footer nav li ul{
	float: none;
	padding:5px 0 0;
}
footer nav li li{
	margin:0 0 6px 15px;
	line-height:1.2;
	color:#E3E3E3;
	padding-bottom: 0;
}
footer nav li li a{
	font-size: 12px;
	font-size: 1.2rem;
	color:#E3E3E3;
}

/* nav-right
--------------------------------------------------*/
footer .nav-right{
	width:220px;
	color:#FFF;
	position:absolute;
	top:30px;
	right:0;
}
footer .nav-right p a{
	color:#FFF;
	text-decoration:none;
}
footer .nav-right p a:hover{
	text-decoration:underline;
}
footer .nav-right p a.blank{
	background: url(/shared/images/ico_blank01.png) no-repeat right center;
}
footer .nav-right small{
	font-size: 11px;
	font-size: 1.1rem;
	color: #fff;
	letter-spacing: 0;
}

/* bp-box(ビジネスパートナー制度) 
--------------------------------------------------*/
footer .bp-box{
	padding:15px;
	border:1px solid #9BA6B5;
}
footer .bp-box p{
}
footer .bp-box p span.link{
	background:url(/shared/images/ico_arw04_white.png) no-repeat left center;
}
footer .bp-box p a.blank{
	padding-right:15px;
}

footer .bp-box p + p{
	padding:5px 0;
	color:#FFF;
	font-size:12px;
	font-size:1.2rem;
	font-weight:normal;
	line-height:1.4;
}
footer .bp-box .btn-bp a{
	display:table-cell;
	background-color:#003362;
	width:200px;
	height:60px;
	margin:0 auto;
	padding:0;
	line-height:1.4;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	border-radius:4px;
	vertical-align:middle;
	transition:all 0.2s ease;
}
footer .bp-box .btn-bp a:hover{
	background:#1B4066;
	text-decoration:none;
}
footer .bp-box .btn-bp a:before{
	background:url(/shared/images/ico_arw04_white.png) no-repeat left center;
	width:11px;
	padding-right:5px;
	margin-left:-5px;
}
footer .bp-box .btn-bp a.blank{
	background-position:210px center;
	padding-right:0;
}

/* sns-box(ソーシャルリンク) 
--------------------------------------------------*/
footer .sns-box{
	padding:25px 0;
	overflow:hidden;
}
footer .sns-box > p{
	line-height:1.5;
	text-align:center;
}
footer .sns-box .btn-fb a,
footer .sns-box .btn-tw a{
	display:table-cell;
	background:#477CDE;
	width:110px;
	height:30px;
	margin:0 auto;
	line-height:30px;
	vertical-align:middle;
	float:left;
}
footer .sns-box .btn-fb a:hover,
footer .sns-box .btn-tw a:hover{
	background:#32579C;
	opacity:0.9;
	transition:linear 0.15s;
	text-decoration:none;
}
footer .sns-box .btn-tw a{
	background:#32BBF5;
	float:right;
}
footer .sns-box .btn-tw a:hover{
	background:#2383AC;
}

/* copyright(コピーライト) 
--------------------------------------------------*/
footer .copyright{
	clear:both;
	text-align: right;
	position:absolute;
	right:0;
	bottom:20px;
}
footer .copyright p{
	font-size:12px;
	font-size:1.2rem;
	color:#FFF;
}
footer .copyright a:hover{
	opacity:0.65;
}

/* lineup（Zenlogicトップページのみ表示）
--------------------------------------------------*/
footer .lineup{
	background:#2F425B;
	padding:20px 0;
	display:none;
}
footer .lineup .lineup-inner{
	width:980px;
	margin:0 auto;
	position:relative;
}
footer .lineup .ttl{
	width:780px;
	margin:0 0 10px;
	color:#FFF;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
}

footer .lineup ul{
	width:100%;
    margin-left: 80px;
	overflow: hidden;
}
footer .lineup li{
	float:left;
	width:130px;
	margin-right:15px;
	text-align:center;
}
footer .lineup li:last-child{
	margin-right:0;
}
footer .lineup li a{
	color:#E5E5E5;
	transition:opacity 0.15s linear;
}
footer .lineup li a:hover{
	-ms-filter:"alpha(opacity=85)";
  filter:alpha(opacity=85);
  opacity:0.85;
}
footer .lineup li a .txt{
	padding:5px 0 0;
	font-size:10px;
	font-size:1.0rem;
	line-height:1.35;
	display: inline-block;
	transition:text-decoration 0.15s linear;
}
footer .lineup li a:hover{
	opacity:0.65;
}
footer .lineup li a span.img{
	display:block;
}

/* おすすめコンテンツ */

footer .lineup .ttl.absolute{
	width:130px;
	position:absolute;
	right:80px;
	top:0;
}
footer .lineup .ttl.absolute + ul{
	width:130px;
	position:absolute;
	right:80px;
	top:38px;
}
footer .lineup + div{
	display:none;
}


/* musthead-cp（全ページヘッダー固定表示）
--------------------------------------------------*/
#musthead_cp_area{
	position:relative;
}
#musthead_cp_area .ban{
	width:100%;
	text-align:center;
}
#musthead_cp_area .ban a{
	display:block;
	background:#76A6E1;
	width:100%;
	transition:all 0.2s ease;
}
#musthead_cp_area .ban a:hover{
	opacity:0.85;
}
#musthead_cp_area .close a{
	position:absolute;
	right:0;
	top:0;
}


/*--------------------------------------------------------------------------
   srchBox
---------------------------------------------------------------------------*/

#srchBox{
	height:20px;
	font-family: "游ゴシック","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	position:relative;
}
#srchBox *{
	margin:0;
	padding:0;
	font-size:13px;
	font-size:1.3rem;
	*font-size:small;
	*font:x-small;
}
#srchBox a img{
	border:none;
}
#srchBox #srch{
	padding-right:10px;
}

#srchBox #srchBtn{
	background:url(/shared/images/icon_search.png) no-repeat center 3px;
	width:25px;
	height:25px;
	margin:5px 0 0;
	text-indent:-99999em;
	border:none;
	transition:all 0.35s ease;
	cursor:pointer;
}
#srchBox #srchBtn:hover{
	opacity:0.65;
}
*html #srchBox #srchBtn{
	padding-top:2px;
}
*:first-child+html #srchBox #srchBtn{
	padding-top:2px;
}

#srchBox .input-yahoo input {
	width:50%;
	margin:0 5px;
	padding:0 3px;
}
#srchBox .txt-yahoo {
	display:none;
	position:absolute;
	right:5px;
	top:3px;
}
#srchBox .txt-yahoo a {
	background:inherit;
	height:inherit;
	line-height:1.0;
	color:#999;
	font-size:9px;
	font-size:0.9rem;
	border:none;
	box-shadow:none;
}
#srchBox ul{
	margin-top:6px;
	text-align:left;
}
#srchBox li{
	list-style-type:none;
	display:inline;
	zoom:1;
	padding-right:10px;
}
#srchBox li input{
	zoom:1;
	margin-right:2px;
	_margin:-4px 0 -4px -4px;
	vertical-align:middle;
	border:0;
}
*:+html #srchBox li input{
	margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo{
	margin:6px 6px 6px 0;
	text-align:right;
}
#srchBox #srchLogo a{
	color:#2C3A43;
	text-decoration:none;
	font-size:85%;
}
#srchBox #srchLogo a:hover{
	text-decoration:underline;
}
#srchBox.watermark{
}
#srchBox.watermark #srchLogo{
	display: none;
}




/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
--------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.clearfix:after,
.cf:after{
	clear:both;
}
.clearfix,
.cf{
	zoom:1;
}


/* font
--------------------------------------------------*/
.font-default{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
.font-all    {font-family:Roboto, 'Droid Sans',"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.font-yu     {font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN",'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.font-jp     {font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.font-sd     {font-family:Roboto, 'Droid Sans', sans-serif;}
.font-serif  {font-family: serif;}
.font-sans   {font-family: sans-serif;}
.font-times  {font-family: "Times New Roman", Times, serif;}
.font-verdana{font-family: Verdana, sans-serif;}

em {font-weight: bold; color: #2C3A43;}
strong,
.bold{font-weight: bold;}

sup{font-size: 70%; vertical-align: super;}
sub{font-size: 70%; vertical-align: baseline;}


/* utility
--------------------------------------------------*/
.hidden{ visibility: hidden; overflow: hidden; height: 0; margin: 0; padding: 0; line-height: 0;}

.txt-left  {text-align: left;}
.txt-center{text-align: center;}
.txt-right {text-align: right;}

.left {float: left;}
.right{float: right;}
.clear{float: none; clear: both;}

@media all and (orientation:portrait){
.landscape{display: none !important;}
}
@media all and (orientation:landscape){
.portrait{display: none !important;}
}


/* html add device class */
.dev-pc{}
.dev-sp{}
.dev-tb{}



/*----------------------------------------------------------------------
	#Mainte
----------------------------------------------------------------------*/

#Mainte{
	background:#FFF;
	margin:0 auto;
	padding:10px 20px;
	line-height:1.6;
	text-align:center;
	box-sizing:border-box;
	border:2px solid #2D66BD;
}
#Mainte h2{
	color:#2D66BD;
	font-size:18px;
	font-size:1.8rem;
}
#Mainte h3{
	font-size:15px;
	font-size:1.5rem;
}


/*----------------------------------------------------------------------
	以下、レスポンシブ記述
----------------------------------------------------------------------*/


@media screen and (min-width:1150px) { /*　画面サイズが1150pxからはここを読み込む　*/

#mainNavigation {
	padding-left:0;
}
/*
nav.global-navi{
	background:#999;
}
*/

.main-menu {
}
.sub-menu .sub-mainte a {
	background:url(/shared/images/icon_mainte.png) no-repeat 8px 10px , #FFF;
	padding:5px 10px 0 30px;
}
.sub-menu .sub-document a {
	background:url(/shared/images/icon_document.png) no-repeat 8px 10px , #FFF;
	padding:12px 0 0 30px;
}
.sub-menu .sub-contact a {
	background:url(/shared/images/icon_contact.png) no-repeat 8px 11px , #FFF;
	padding:12px 0 0 30px;
}
.sub-menu .sub-tel a {
	width:auto;
}
.sub-menu .sub-tel a .tel_num {
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
}
.sub-menu .sub-tel a .tel_time {
	margin-left:-13px;
}
.sub-menu .sub-search {
}

#dropmenu li a {
	font-size:14px;
	font-size:1.4rem;
}

}


@media screen and (min-width:1380px) { /*　画面サイズが1380pxからはここを読み込む　*/

.main-menu .logo  {
	padding:5px 0 0;
}
.main-menu .logo img {
	width:100%;
}
.is-animation .main-menu .logo img {
	width:90%;
}
#mainNavigation {
	max-width:780px;
	padding-left:30px;
}
/*
nav.global-navi{
	background:#555;
}
*/

.sub-menu {
	width:600px;
}
.sub-menu div a{
	font-size:13px;
	font-size:1.3rem;
}
.sub-menu div a span{
	display:inline-block;
}
.sub-menu .sub-mainte a {
	background:url(/shared/images/icon_mainte.png) no-repeat 7px 9px , #FFF;
	padding:12px 10px 0 28px;
}
.sub-menu .sub-document a {
	background:url(/shared/images/icon_document.png) no-repeat 7px 9px , #FFF;
	padding:12px 0 0 28px;
}
.sub-menu .sub-contact a {
	background:url(/shared/images/icon_contact.png) no-repeat 7px 9px , #FFF;
	padding:12px 0 0 28px;
}
.sub-menu .sub-tel a {
	background:url(/shared/images/icon_tel.png) no-repeat 15px 8px , #FFF;
	padding:5px 0 0 30px;
}

.sub-menu + div a, .sub-menu + div + div a {
	font-size:13px;
	font-size:1.3rem;
}

.sub-menu .sub-tel a .tel_num {
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	margin:-1px 0 -3px;
}
.sub-menu .sub-tel a .tel_time {
	margin-left:0px;
}
.sub-menu .sub-search {
	width:45%;
}

#dropmenu li:nth-of-type(1) {
	width:20%;
}
#dropmenu li:nth-of-type(n+2) {
	width:16%;
}
#dropmenu li a {
	padding:20px 3px 12px !important;
	font-size:15px;
	font-size:1.5rem;
}
#dropmenu li a span {
	display:inline-block !important;
}

#dropmenu li:hover ul.drop01 ,
#dropmenu li.active ul.drop01 {
	border-bottom:20px solid #FFF;
}
#dropmenu ul.drop01 li:before {
	top:18px;
}
#dropmenu ul.drop01 li a {
	font-size:14px;
	font-size:1.4rem;
	min-height:50px;
	padding:17px 0 0 !important;
}
#dropmenu ul.drop01 li a.parent:after {
	margin-bottom:6px;
}
#dropmenu ul.drop02 li a {
	padding:0 !important;
}

#srchBox .input-yahoo input {
	width:40%;
}

#srchBox .txt-yahoo {
	display:block;
}

}