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


@import url("//fonts.googleapis.com/css?family=Source%20Sans%20Pro:300,900/");
@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");


/*------------------------------------------------------------------
  COMMON
------------------------------------------------------------------*/

body {
	margin: 0;
	color: #333333;
	font-family: "Noto Sans Japanese";
	font-size: 100%;
	line-height: 200%;
	background: #FFF;
	-webkit-text-size-adjust: 100%;
}
a:link {
	color: #525252;
	text-decoration: none;
}
a:visited {
	color: #525252;
	text-decoration: none;
}
a:active {
	color: #525252;
	text-decoration: none;
}
img.scalableImg {
	width: 100%;
	height: auto;
}
.smallTxt {
	font-size: 14px;
}
.attentionTxt {
	font-size: 14px;
	font-weight: 200;
}
.centering {
	text-align: center;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.clearfix::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
a.fadeLink:link {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	opacity: 1;
}
a.fadeLink:hover {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	opacity: 0.5;
}
  input[type="button"],input[type="submit"],input[type="reset"] {
    -webkit-appearance: none;
  }

/*------------------------------------------------------------------
  HEADER
------------------------------------------------------------------*/

#header {
	width: 100%;
	min-width: 1200px;
	height: 110px;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	z-index: 150;
	position: fixed;
}
#top #header {
	position: relative;
}
#top #header.fixed {
	position: fixed;
}
#headerInr {
	width: 1200px;
	height: 100px;
	margin: 0px auto;
	position: relative;
}
#headerLogo {
	width: 230px;
	height: autopx;
	position: absolute;
	top: 15px;
	left: 0;
	text-align:center;
}
#headerLogo h1{ font-size:14px; margin:0; line-height:100%;}
#gNav {
	text-align: right;
	position: absolute;
	top: 40px;
	right: 15px;
}
#gNav li {
	display: inline-block;
	font-size:96%;
	line-height: 100%;
	position: relative;
	width:120px;
	margin-right:5px;
	text-align:center;
	padding-bottom:8px;
}
#gNav li::after {
	content: "";
	width: 100%;
	height: 2px;
	background:#00468C;
	position: absolute;
	bottom:0px;
	left: 0px;
}
#gNav li:last-child{ margin-right:0;}
#gNav li.btn{
	width:110px;
	text-align:center;
	padding-bottom:0px;
	border-bottom:none;
}
#gNav li.btn::after{ display:none;}
#gNav li.btn a{
	display:block;
	height:33px;
	line-height:33px;
	background:#00468C;
	color:#fff;
	border:2px solid #00468C;
}
#gNav li.btn a:hover{
	background:#fff;
	color:#00468C;
}

#gNav li:first-child::after {
	border-left: none;
}
#gNav li a{
	color: #333333;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#gNav li a:hover {
	color: #005bac;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
@media (max-width: 767px) {
	#header {
		width: 100%;
		min-width: 100%;
		height:auto;
	}
	#headerInr {
		width: 100%;
		min-width: 100%;
		height:auto;
		margin: 0px auto;
		padding:10px 0 0;
		position: relative;
	}
	#headerLogo {
		width:100%;
		height: autopx;
		position:relative;
		top: 0;
		left: 0;
		text-align:center;
	}
	#headerLogo h1{ font-size:14px; margin:0; line-height:100%;padding-bottom:20px;}
	#header nav{
		display:none;
	}
	#gNav {
		text-align:center;
		position:relative;
		top:0;
		right:0;
		padding-top:20px;
		display:flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#gNav li {
		font-size:96%;
		line-height: 100%;
		position: relative;
		width:50%;
		margin-right:0;
		text-align:center;
		padding-bottom:0;
	}
	#gNav li:nth-child(5){
		width:100%;
	}
	#gNav li::after {
		display:none;
	}
	#gNav li.btn{
		width:50%;
		text-align:center;
		padding-bottom:0px;
		border-bottom:none;
	}
	#gNav li.btn::after{ display:none;}
	#gNav li.btn a{
		display:block;
		height:33px;
		line-height:33px;
		background:#00468C;
		color:#fff;
		border:2px solid #00468C;
	}
	#gNav li.btn a:hover{
		background:#fff;
		color:#00468C;
	}
	
	#gNav li:first-child::after {
		border-left: none;
	}
	#gNav li a{
		color: #333333;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		display:block;
		padding:15px 0;
		border-top:1px solid #00468C;
	}
	#gNav li:nth-child(even) a{
		border-left:1px solid #00468C;
	}
	#gNav li a:hover {
		color: #005bac;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	#headerInr p {
		background:#00468C;
		color:#FFFFFF;
		display:block;
		text-align:center;
		padding:10px 0;
		cursor:pointer;
		border-top:1px solid #fff;
	}
}

/*------------------------------------------------------------------
  CONTENT
------------------------------------------------------------------*/

#content {
	width: 1170px;
	margin: 0px auto;
	padding: 85px 15px 100px;
}
#breadcrumbList {
	width: 1170px;
	margin: -25px auto 0px;
	padding: 0px 15px;
}
#breadcrumbList li {
	font-size: 12px;
	font-weight: 200;
	display: inline;
	position: relative;
}
#breadcrumbList li a {
	opacity: 1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#breadcrumbList li a:hover {
	opacity: 0.5;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#breadcrumbList li::after {
	content: "|";
	padding: 0px 5px 0px 10px;
}
#breadcrumbList li:last-child::after {
	content: "";
}
#topContent {
	width: 1170px;
	margin: 0px auto;
	padding: 0px 0px 0px;
}
.businessTxt {
	line-height: 250%;
}
.contentTitle {
	margin-bottom: 40px;
	padding: 15px 0px 12px;
	background-color: #363636;
	color: #FFFFFF;
	font-size: 26px;
	letter-spacing: 0.3em;
	font-weight: 400;
	text-align: center;
	border-bottom: 6px solid #2B56A9;
}
.sectionTitle {
	text-align: center;	
}
.sectionTitle span {
	padding: 5px 0px 10px 5px;
	color: #333333;
	font-size: 26px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.3em;
	border-bottom: 4px solid #454545;
	display: inline-block;
}
.contentLine {
	margin-bottom: 60px;
	padding-bottom: 40px;
	border-bottom: 1px solid #D1D1D1;
}
.contentLine02 {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #B3B3B3;
}
#contentHeader {
	width: 100%;
	min-width: 1200px;
	height: 270px;
	margin-top: 100px;
	position: relative;
	background-repeat: repeat-x;
	background-image: url(../img/common/header_back.gif);
}
#contentHeaderImg {
	width: 50%;
	height: 270px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}
#contentHeader h1 {
	width: 680px;
	height: 120px;
	padding-top: 100px;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 200;
	letter-spacing: 0.3em;
	background-color: #BECAD4;
	position: relative;
}
#contentHeaderS {
	width: 100%;
	min-width: 1200px;
	height: 150px;
	margin: 100px auto 40px;
	position: relative;
	background-color: #C8D3DD;
	background-image: url(../img/common/header_back_s.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#contentHeaderImg::after {
	content: "";
	width: 0;
	height: 0;
	border: 270px solid transparent;
	border-top: 0px solid #FFFFFF;
	border-left: 220px solid #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
}
#contentHeaderInr {
	width: 1170px;
	height: 270px;
	margin: 0px auto;
	padding: 0px 15px;
}
#contentHeaderInrS {
	width: 1170px;
	height: 150px;
	margin: 0px auto;
	padding: 0px 15px;
}
#contentHeader h1::after {
	content: "";
	width: 0;
	height: 0;
	border: 220px solid transparent;
	border-top: 0px solid #BECAD4;
	border-left: 180px solid #BECAD4;
	position: absolute;
	top: 0px;
	right: -399px;
}
#contentHeaderInrS h1 {
	width: 1170px;
	height: 150px;
	font-size: 38px;
	letter-spacing: 0.3em;
	color: #FFFFFF;
	font-weight: 200;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#contentBtn {
	width: 1170px;
	margin: 0px auto;
	padding: 0px 15px;
}
#contentBtnList {
	width: 1090px;
	margin: 60px auto 60px;
}
#contentBtnList li {
	width: 330px;
	height: 75px;
	margin-right: 50px;
	float: left;
}
#contentBtnList li:last-child {
	margin-right: 0px;
}
#contentBtnList li a {
	width: 305px;
	height: 75px;
	text-align: center;
	line-height: 160%;
	vertical-align: middle;
	display: table-cell;
	background-color: #D8D9D6;
	border: 8px solid #EAEBE9;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#contentBtnList li.contentBtnTop a {
	background-color: #CBDAEC;
	border: 8px solid #E3ECF5;
}
#contentBtnList li a p {
	content: "";
	width: 305px;
	height: 75px;
	position: absolute;
	background-color: #FFFFFF;
	top: 0px;
	left: -100%;
}
#contentBtnList li a .btnTxt {
	font-size: 18px;
	letter-spacing: 0.1em;
	text-align: center;
	position: relative;
	z-index: 10;
}
#contentBtnList li a .btnArrow {
	position: relative;
	display: inline-block;
	z-index: 10;
}
#contentBtnList li a .btnArrow::after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg); 
	transform: rotate(45deg);
	position: absolute;
	right: -15px;
	top: 50%;
	z-index: 10;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#contentBtnList li a:hover .btnArrow::after {
	right: -25px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#contentBtnList li a .btnSmallTxt {
	font-size: 14px;
	letter-spacing: 0.1em;
	text-align: center;
}


/*------------------------------------------------------------------
  FOOTER
------------------------------------------------------------------*/

#footer {
	width: 100%;
	min-width: 1200px;
	height: auto;
	margin: 0px auto;
	position: relative;
	background-color: #00468C;
	z-index: 100;
}
#footerInr {
	width: 1200px;
	margin: 0px auto;
	padding: 50px 0;
}
#footerCorp{ float:left; width:auto;}
#footerCorp p{ float:left; margin-right:30px;}
#footerCorp dl{ float:left; line-height:100%;}
#footerCorp dl dt,
#footerCorp dl dd{ color:#fff; margin-bottom:10px;}


.footerLink {
	letter-spacing: 0.1em;
	color: #FFFFFF;
	float:right;
}
.footerLink > li { display:inline-block; margin-left:20px;}
.footerLink > li > a {
	display:block;
	background:#fff;
	color:#00468C;
	font-size:16px;
	border:2px solid #fff;
	padding:7px 10px 7px 30px;
	position: relative;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.footerLink > li > a::before {
    content: "";
    width: 13px;
    height: 13px;
    margin-top: -8px;
    border-top: 1px solid #00468C;
    border-right: 1px solid #00468C;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 50%;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.footerLink > li > a:hover{
	background:#00468C;
	color:#fff;
}
.footerLink > li > a:hover::before{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	left:8px;
}

#footerTime {
	margin-bottom: 5px;
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-align: center;
}
#copyright {
	width: 100%;
	min-width: 1200px;
	padding: 25px 0px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background-color: #222A32;
}
#btnPageTop {
	width: 210px;
	height: 60px;
	position: fixed;
	bottom: 0px;
	right: -75px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg); 
	transform: rotate(90deg);
	z-index: 200;
}
#btnPageTop a {
	width: 210px;
	height: 60px;
	position: relative;
	background-image: url(../img/common/bg_pagetop.png);
	background-repeat: no-repeat;
	display: block;
}
#btnPageTop span {
	width: 210px;
	height: 30px;
	padding: 30px 0px 0px 80px; 
	color: #FFFFFF;
	font-size: 14px;
	line-height: 100%;
	display: block;
	position: relative;
}
#btnPageTop span::before {
	content: "";
	width: 0px;
	height: 0px;
	border-top: 5px solid #FFF;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: 32px;
	left: 60px;
}
@media (max-width: 767px) {
	#footer {
		width: 100%;
		min-width:100%;
	}
	#footerInr {
		width: 100%;
		margin: 0px auto;
		padding: 20px 0;
	}
	#footerCorp{ float:none; width:100%; text-align:center;}
	#footerCorp p{ float:none; margin-right:0;}
	#footerCorp dl{ float:none; line-height:100%;}
	#footerCorp dl dt,
	#footerCorp dl dd{ color:#fff; margin-bottom:10px;}
	.footerLink {
		letter-spacing: 0.1em;
		color: #FFFFFF;
		float:none;
		padding:10px 20px 0;
	}
	.footerLink > li { display:block; margin-left:0px; margin-bottom:10px;}
	#copyright {
		width: 100%;
		min-width: 100%;
		padding: 25px 0px;
		font-size: 14px;
		text-align: center;
		color: #fff;
		background-color: #222A32;
	}
}

/*------------------------------------------------------------------
  LAYOUT
------------------------------------------------------------------*/

.width90 {
	width: 90px;
}
.width100 {
	width: 100px;
}
.width110 {
	width: 110px;
}
.width120 {
	width: 120px;
}
.width140 {
	width: 140px;
}
.width160 {
	width: 160px;
}
.width220 {
	width: 220px;
}
.width230 {
	width: 230px;
}
.width340 {
	width: 340px;
}
.PB0 {
	padding-bottom: 0px !important;
}
.MB5 {
	margin-bottom: 5px !important;
}
.MB10 {
	margin-bottom: 10px !important;
}
.MB15 {
	margin-bottom: 15px !important;
}
.MB20 {
	margin-bottom: 20px !important;
}
.MB25 {
	margin-bottom: 25px !important;
}
.MB30 {
	margin-bottom: 30px !important;
}
.MB35 {
	margin-bottom: 35px !important;
}
.MB40 {
	margin-bottom: 40px !important;
}
.MB45 {
	margin-bottom: 45px !important;
}
.MB50 {
	margin-bottom: 50px !important;
}
.MB55 {
	margin-bottom: 55px !important;
}
.MB60 {
	margin-bottom: 60px !important;
}
.MB65 {
	margin-bottom: 65px !important;
}
.MB70 {
	margin-bottom: 70px !important;
}
.MB75 {
	margin-bottom: 75px !important;
}
.MB80 {
	margin-bottom: 80px !important;
}
.MB85 {
	margin-bottom: 85px !important;
}
.MB90 {
	margin-bottom: 90px !important;
}
.MB95 {
	margin-bottom: 95px !important;
}
.MB100 {
	margin-bottom: 100px !important;
}