@charset "UTF-8";
@import url("reset.css");
@import url("font-awesome.min.css");
@import url("notosansjapanese.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
/* font-family: 'FontAwesome';
font-family:'Noto Sans Japanese';
font-family: 'Roboto', sans-serif; */


/* 共通スタイル
--------------------------------------------------------------------------------------------------------------------------------------------- */
/* リンク */

a{
	color:#2B4D8A;
	text-decoration:none;
	transition-duration: 0.5s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
		a:hover{ color:#999;}
		a:hover img{ opacity:.6;}

a img{
  transition-duration: 0.5s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

/* ボタン */
.btn{
	padding:10px 30px 7px;
	margin-bottom:10px;
	display:block;
	background:#2B4D8A;
	color:#FFF;
	clear:both;
	text-align:center;
}
		.btn:hover,
		.btn.yellow:hover{
			background:#666;
			color:#FFF;
		}
		
		.btn.yellow{ background:#FFC200; color:#000;}

.btn.inline-block{ display:inline-block; }

.btn-more{
	display:block;
	width:200px;
	padding:15px 0 10px;
	text-align:center;
	border:#183A75 solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
		.btn-more:after{
			display:inline-block;
			margin-left:7px;
			font-family: 'FontAwesome';
			content: "\f105";
			position:relative;
			top:0;
		}
		.btn-more:hover{ background:#183A75; color:#FFF; }
		.btn-more.ta-center{ margin:0 auto; }

.btn-more-white{
	display:block;
	width:240px;
	padding:10px 0 7px;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	border:#FFFFFF solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
		.btn-more-white:after{
			display:inline-block;
			margin-left:7px;
			font-family: 'FontAwesome';
			content: "\f105";
			position:relative;
			top:-1px;
		}
		.btn-more-white:hover{ border:#183A75 solid 1px; background:#183A75; color:#FFF; }
		.btn-more-white.ta-center{ margin:0 auto; }



/* アイコン */
.ico-arrow:before{
  display:inline-block;
	font-size:12px;
	margin-right:7px;
  font-family: 'FontAwesome';
  content: "\f105";
}

.ico-arrow-back:before{
  display:inline-block;
	font-size:12px;
	margin-right:7px;
  font-family: 'FontAwesome';
  content: "\f104";
}

.ico-blank:before{
  display:inline-block;
	font-size:12px;
	margin-right:7px;
  font-family: 'FontAwesome';
  content: "\f08e";
}

.ico-bus:before{
  display:inline-block;
	margin-right:7px;
  font-family: 'FontAwesome';
  content: "\f207";
}


.ico-car:before{
  display:inline-block;
	margin-right:7px;
  font-family: 'FontAwesome';
  content: "\f1b9";
}

.ico-blank:before{
  display:inline-block;
	font-size:12px;
	margin-right:7px;
  font-family: 'FontAwesome';
  content: "\f08e";
}

.ico-pdf:before{
  display:inline-block;
	font-size:12px;
	margin-right:7px;
	position:relative;
	top:-1px;
  font-family: 'FontAwesome';
  content: "\f1c1";
}


/* float */
.img-right{	float:right; margin-left:20px; margin-bottom:10px;}
.img-left{ float:left; margin-right:20px;	margin-bottom:10px; }
.left{ float:left; }
.right{ float:right; }

/* フォントカラー */
.fc-green{ color:#00A988 !important; }
.fc-red{ color:#EB7992 !important; }
.fc-blue{ color:#0078C6 !important; }
.fc-yellow{ color:#FFBF00 !important; }

.fs-bold{ font-weight:bold !important;}
.underline{ text-decoration:underline; }

/* 背景カラー */
.bg-lightgreen{ background-color:#edf8f6; }
.bg-lightpink{ background-color:#FDF0F3 !important; }
.bg-lightgray{ background-color:#EFEFEF; }

/* フォント位置 */
.ta-right{ text-align:right !important;}
.ta-left{ text-align:left !important;}
.ta-center{ text-align:center !important;}

/* 装飾 */
.separator{display:block; height:1px; width:100%; margin:20px 0; background:#DDDDDD; }
.markar{ background: linear-gradient(transparent 0%, #ffff66 0%); padding-left:3px; padding-right:3px; }

.hide-txt{ display:block;	text-indent: 100%; white-space: nowrap; overflow: hidden; }

.txt-break{ display:block; } /* PCのみ */
/*.smt-txt-break{ display:block; }  SMTのみ */


/* block */
.row,
.article{ width:100%; box-sizing:border-box; }
		.row:after,
		.article:after{ content: ""; clear: both;	height: 0; display: block; visibility: hidden; }

.col-md-1 { width: 8.333%; }
.col-md-2 { width: 16.663%; }
.col-md-3 { width: 24.99%; }
.col-md-4 { width: 33.332%; }
.col-md-5 { width: 41.665%; }
.col-md-6 { width: 49.998%; }
.col-md-6-5 { width: 55%; }
.col-md-7 { width: 58.331%; }
.col-md-8 { width: 66.664%; }
.col-md-9 { width: 74.997%; }
.col-md-10 { width: 83.33%; }
.col-md-11 { width: 91.663%;}
.col-md-12 { width: 99.996%; }

/*[class*="col-md-"] img {
    width: 100%;
}*/

[class*="col-md-"].img-full img{ width:100%; }







/* wrapper
--------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper { padding: 0; }
		#wrapper:after{ content: ""; clear: both;	height: 0; display: block; visibility: hidden; }

.inner{ box-sizing:border-box; position:relative; margin-left:auto; margin-right:auto; }


@media screen and (min-width: 1080px) and (max-width: 1279px) {
	.inner{ width:1060px }
	#contents{width:1060px; }
	.contents-main{width:818px; padding:0 22px 0 0; }
	.footer-nav{width:890px; }
}

@media screen and (min-width: 1280px){
  .inner{ width: 1200px; }
  .head-nav dl dt{ width: 685px; }
  #contents{ width:1200px; }
  .contents-main{ width:938px;padding:0 42px 0 0; }
  .footer-nav{width: 1030px;}
}





/* header
--------------------------------------------------------------------------------------------------------------------------------------------- */
#header{
	width:100%;
	color:#183974;
	font-size:12px;
	border-bottom:#21487B solid 1px;
	background-color: #FFFFFF;
}
		#header:after{ content: ""; clear: both;	height: 0; display: block; visibility: hidden; }


.head-nav{
	padding:7px 0 5px;
	background-color:#F7F7F7;
	position:relative;
	display:block;
}

.head-nav dl dt{
	float:left;
}
.head-nav dl dd{ float:right; }
.head-nav dl dd li{ float:left; margin-left:13px; }

.head-nav dl dd li a{ display:block; }
.head-nav dl dd li a:after{
	content:"";
	width:14px;
	height:14px;
	margin-left:7px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center 0;
	background-size: auto 14px;
	position:relative;
	top:2px;
}
		.ico-login:after{ background-image: url(../images/common/ico_login.png); }
		.ico-beginer:after{ background-image: url(../images/common/ico_beginer.png); }
		.ico-docu:after{ background-image: url(../images/common/ico_docu.png); }
		.ico-rec:after{ background-image: url(../images/common/ico_rec.png); }



#allmenu {
    display: inline-block;
    width: 85px;
    /*height:15px;
		margin-left:7px;
		background:#DDD;*/
    position: relative;
    z-index: 9999;
		cursor:pointer;
}
#allmenu:before{ content:"ALL MENU";}

#allmenu span {
    display: block;
    background: #000;
    width: 13px;
    height: 1px;
    position: absolute;
    right: 1px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#allmenu span:first-child { top: 5px; }

#allmenu span:nth-child(2) { margin-top: -1px; top: 50%; }
#allmenu span:last-child { bottom: 5px; }

/*#allmenu.active{ color:#999; }*/
#allmenu.active span:first-child {
    -webkit-transform: translateY(5px) rotate(45deg);
    -moz-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
}
#allmenu.active span:nth-child(2) { opacity: 0; }

#allmenu.active span:last-child {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -moz-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
}


.logo{
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	width:173px;
	height:60px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image: url(../images/common/logo.png);
	background-size:173px 60px;
	float:left;
}

.header-inner{ padding-top:24px; }
.header-inner .action-area{	float:right; }
.header-inner .action-area .search{ float:left; }
.header-inner .action-area .search input{
	width:182px;
	height:37px;
	border:#DDDDDD solid 1px;
	padding-left:10px;
	padding-right:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: FontAwesome;

}

.btn-con-support,
.btn-con-order{
	display:inline-block;
	padding:5px 15px 5px 10px;
	font-size:14px;
	margin-left:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
		.btn-con-support:hover,
		.btn-con-order:hover{
			background:#666;
			color:#FFF;
		}

.btn-con-support{
	background:#2B4D8A;
	color:#FFF;
}
		.btn-con-support:before{
			display:inline-block;
			width:15px;
			height:20px;
			margin-right:10px;
			content: "";
			background:url(../images/common/ico_support.png) no-repeat 0 0;
			position:relative;
			top:3px;
		}

.btn-con-order{
	background:#FFC200;
	color:#373F4A;
}
		.btn-con-order:before{
			display:inline-block;
			width:20px;
			height:20px;
			margin-right:10px;
			content: "";
			background:url(../images/common/ico_air.png) no-repeat 0 0;
			position:relative;
			top:3px;
			transition-duration: 0.5s;
			-webkit-transition: all 0.5s ease 0s;
			-moz-transition: all 0.5s ease 0s;
			-o-transition: all 0.5s ease 0s;
		}
		.btn-con-order:hover:before{ background:url(../images/common/ico_air_on.png) no-repeat 0 0; }



.gnav{
	float: right;
	clear: both;
}
		.gnav li{
			box-sizing:border-box;
			font-size:16px;
			margin-left:20px;
			margin-right:20px;
			float:left;
			position:relative;
		}
				.gnav li:last-child{ margin-right:0; margin-left:0; }

				.gnav a{
					display:block;
					padding-bottom: 11px;
					border-bottom:#FFFFFF solid 4px;
					color:#777777;
				}
						.gnav a:hover{
							border-bottom:#003274 solid 4px;
							color:#003274;
						}
						
						.gnav a.fa{ display:inline-block; margin-left:17px; padding-bottom:17px; }



.all-menu-wrap{ display:none; }




/* コンテンツ
--------------------------------------------------------------------------------------------------------------------------------------------- */
/*ページタイトル*/
.page-title{
	width:100%;
	height:127px;
	background-position:center center;
	background-size:cover;
	position:relative;
}
.page-title:after{
	display:block;
	content:"";
	width:100%;
	height:127px;
	background:url(../images/common/header_dot.png) repeat 0 0;
	position:absolute;
	left:0;
	top:0;
}
	.img-def{ background-image:url(../images/common/header_bg01.png); }

.page-title h2{
	color:#FFF;
	padding-top:37px;
	font-size:28px;
	position:relative;
	z-index:2;
}


.pankuzu{ width:980px; background:#F5F5F5; padding:10px 14px; }
		.pankuzu li{ float:left; }
		.pankuzu a{	color:#183974; }
		.pankuzu a:after{
			display:inline-block;
			font-size:12px;
			margin-right:7px;
			margin-left:7px;
			font-family: 'FontAwesome';
			content: "\f105";
		}


#contents-wrap{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,ffffff+51&1+50,0+51 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 50%, rgba(245,245,245,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 50%,rgba(245,245,245,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 50%,rgba(245,245,245,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	min-height:500px;
}
		#contents-wrap.top{ background-color: #FFFFFF;overflow:hidden;}
		#contents-wrap:after{ content: ""; clear: both;	height: 0; display: block; visibility: hidden; }

#contents{
	margin:0 auto;
	position:relative;
}
		#contents.base .pankuzu{	position: absolute; top:-13px; }
		#contents:after{ content: ""; clear: both;	height: 0; display: block; visibility: hidden; }

.contents-main{
	height:auto;
	background-color:#FFF;
	float:left;
}
		#contents.base .contents-main{ padding-top:80px; padding-bottom:80px; font-size:14px; }

.intro,
.end-block{
	margin-bottom:55px !important;
}

.intro p,
.sentence p{
	margin-bottom:25px;
}

.mb20{ margin-bottom:20px; }
.mb80{ margin-bottom:80px; }



.tit-style-large{
	border-bottom:#BBBBBB solid 1px;
	padding-bottom:10px;
	margin-bottom:40px;
	font-size:25px;
	color:#2B4D8A;
	position:relative;
}

.tit-style-large:after{
	display:block;
	content:"";
	background:#2B4D8A;
	width:46px;
	height:2px;
	position:absolute;
	bottom:-1px;
}

.tit-style-medium{
	margin-bottom:20px;
	font-size:18px;
	color:#2B4D8A;
}
.tit-number{
	position:relative;
	padding-left:35px;
}
.tit-number span{ position: absolute; left:0; top:0; }


.tit-style-dush{
	position:relative;
	margin-bottom:25px;
	font-size:16px;
	color:#193972;
	font-weight:bold;
}

.tit-style-dush span{
	position:relative;
	display:inline-block;
	padding-right:20px;
	background:#FFF;
	z-index:2;
}

.tit-style-dush:before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#DDDDDD;
	position:absolute;
	top:50%;
	margin-top:-1px;
	z-index:1;
}

.tit-style-band{
	padding:11px 0 8px 15px;
	margin-bottom:30px;
	border-left:#FFC200 solid 3px;
	line-height:1.5;
	background:#173774;
	font-size:18px;
	color:#FFF;
}

/*リスト*/
.list-disc li{
	list-style:outside disc;
	margin:12px 0 12px 20px;
}

.list-number li{
	list-style:outside decimal;
	margin:12px 0 12px 20px;
}

.list-notice li{
  list-style: none;
  padding-left: 17px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}
.list-notice li:before {
    content: "※";
    position: absolute;
    left: 0px;
    top: 0;
}

/*テーブル*/
.table-style-def{
	border-left:#DDDDDD solid 1px;
	border-top:#DDDDDD solid 1px;
}

.table-style-def th,
.table-style-def td{
	text-align:left;
	padding:12px;
	border-right:#DDDDDD solid 1px;
	border-bottom:#DDDDDD solid 1px;
}

.table-style-def th{
	padding:6px 12px;
	background:#153776;
	color:#FFF;
}

.table-style-def th:first-child,
.table-style-def th:last-child{
	width:100px;
}



/*枠付きボックス*/
.note-box{
	margin-top:20px;
	margin-bottom:20px;
	padding:20px;
	border:#DDDDDD solid 1px;
}

/*20200513 bnr-area*/
.foot-bnr-area a {
    display: block;
}

.foot-bnr-area img {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}


/*サイドメニュー
--------------------------------------------------------------------------------------------------------------------------------------------- */
.contents-side{
	width: 220px;
	float:right;
}
		#contents.base .contents-side{ position:relative; top: -13px; }

.contents-side h2{
	padding:23px 26px;
	margin-bottom:12px;
	background:#1A3C73;
	color:#FFF;
	font-size:14px;
	position:relative;
}

.contents-side h2 span{ display:block; font-size:12px; }

.contents-side h2:after{
	display:block;
	content:"";
	width:15px;
	height:12px;
	background:url(../images/common/ico_arrow_down.png) no-repeat 0 0;
	background-size:15px 12px;
	position:absolute;
	left:184px;
	top:43px;
}

.contents-side h3{
	padding-top:40px;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	position: relative;
}
.contents-side h3:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
}

.contents-side h3.no-border:before {
	display:none;
}


.lnav,
.lnav-bnr-list{ margin-bottom:40px;}

.lnav-bnr-list._ad{ padding-top: 40px; }


.lnav li{ margin-top:1px; }
		.lnav li a{
			display:block;
			padding:16px 11px 11px 26px;
			background:#FFF;
			position:relative;
		}
		.lnav li a:hover{
			background:#CCC;
		}
		.lnav li a:before{
			display:block;
			font-size:12px;
			margin-right:7px;
			font-family: 'FontAwesome';
			content: "\f105";
			position:absolute;
			left: 15px;
			top: 16px;
		}


.lnav-bnr-list li{
	margin-top:10px;
}

.bnr-item._ad img{
	width: 100%;
	height: auto;
}

/* imarge-width */
.img-w100 img {
  width: 100%;
}
.img-w96 img {
  width: 96%;
}




/* 	footer
--------------------------------------------------------------------------------------------------------------------------------------------- */
/* 1351以上 */
@media screen and (min-width: 1351px) {
}

/* 769〜1350まで */
@media screen and (min-width: 769px) and (max-width: 1350px) {	
}


#footer{
 padding:0;
 background:url(../images/common/footer_bg.gif) repeat;
 position:relative;
 z-index:1;
}

#footer:after{ content:""; display:block; width:100%; background:#020D31; height:32px;}


.footer-contact-area{
	padding:25px 0 20px;
	background:#F7F7F7;
	margin-bottom:50px;
}

.footer-contact-area h2{
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size:38px;
	color:#173872;
	position:relative;
}

.footer-contact-area h2 span{
	font-size:13px;
	font-weight:bold;
	position:relative;
	left:45px;
	top:-7px;
}

.footer-contact-area h2:before,
.footer-contact-area h2:after{
	display:block;
	content:"";
	width:44px;
	height:90px;
	background:url(../images/common/slash.png) no-repeat right 0;
	position:absolute;
	left:-56px;
	top:19px;
}
.footer-contact-area h2:after{
	position:absolute;
	left:180px;
	top:-43px;
}



.footer-contact-area .btn-con-support,
.footer-contact-area .btn-con-order{
	display:inline-block;
	padding:15px 0 13px;
	width:350px;
	font-size:14px;
	margin-left:0;
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: absolute;
	top:13px;
}

.footer-contact-area .btn-con-support:hover,
.footer-contact-area .btn-con-order:hover{
	background:#666;
	color:#FFF;
}

.footer-contact-area .btn-con-support{
	background:#2B4D8A;
	color:#FFF;
	right:370px;
}

.footer-contact-area .btn-con-support:before{ display:none; }
.footer-contact-area .btn-con-order:before{ display:none; }

.footer-contact-area .btn-con-order{
	background:#FFC200;
	color:#373F4A;
	right:0;
}

#footer .inner{ position:relative; }

.footer-logo{
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	width:169px;
	height:36px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image: url(../images/common/logo_white.png);
	background-size:169px 36px;
	position:absolute;
	right:0;
	top:158px;
}


.footer-info { color:#FFF;}
.footer-info dt{ margin-bottom:10px; }



.footer-nav{
	background:url(../images/common/slash.png) no-repeat right 0;
}

.footer-nav dl{
	float:left;
	color:#FFF;
}
.footer-nav dt{ margin-bottom:10px; font-size:16px; }
.footer-nav dd{ margin-bottom:45px; }

		.footer-nav .products-list{ width:220px; float:left; }
		
		.footer-nav a{
			position:relative; 
			display:block;
			padding:3px 15px 3px 20px;
			color:#FFF;
		}
		.footer-nav a:hover{ background:#020D31;}
		
		.footer-nav a:before{
			display:block;
			content:"";
			width:7px;
			height:1px;
			background:#FFF;
			position:absolute;
			left:5px;
			top:14px;
		}
		

.copyright{ position: absolute; right:0; top:200px; font-size:10px; color:#FFF; }




/* ページトップ */
.page-top{
	display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;
	width:36px;
	height:29px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-image: url(../images/common/page_top.png);
	background-size:36px 29px;
	position: absolute;
	right:0;
	top:0;
	z-index:999;
}

.page-top:hover{
	opacity:.4;
}