/*------------------------------------------------------------------------
1.リセット
------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, table, th, td {
	margin:0;
	padding:0;
}
html, body {
	background:#fff;
	color: #333;
	height:100%;
}
body {
	font:16px/1.5 Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
}
input,select,textarea{
	font:16px/1.5 Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
* html body {
	font-size: small;
}
*:first-child+html body {
	font-size: small;
}
img {
	border: 0;
	vertical-align:top;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
}
ul, dl, ol {
	text-indent:0;
}
ul li {
	list-style:none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size: inherit;
	font-weight:inherit;
}
* html input, * html textarea, * html select {
	font-size: 100%;
}
*:first-child+html+input, *:first-child html+textarea, *:first-child+html select {
	font-size: 100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
}
th, td {
	text-align:left;
	vertical-align:top;
}
caption {
	text-align:left;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
}
* html code, * html kbd, * html samp, * html tt {
	font-size: 100%;
	line-height: 100%;
}
*:first-child+html pre, *:first-child html+code, *:first-child html+kbd, *:first-child+html+samp, *:first-child+html tt {
	font-size: 108%;
	line-height: 100%;
}
input, select, textarea {
	font-size: 100%;
	font-family:Verdana, Helvetica, sans-serif;
}
a:link {
	color: #666;
	border-bottom:1px solid #666;
	text-decoration:none;
}
a:visited {
	color: #666;
	border-bottom:1px solid #666;
	text-decoration:none;
}
a:active {
	color: #666;
	border-bottom:1px solid #666;
	text-decoration:none;
}
a:hover {
	color: #044ea5;
	border-bottom:1px solid #044ea5;
	text-decoration:none;
}
a {
	outline : 0;
}
a img{
	border : none;
}
.hide{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.tar{
	text-align:right !important;
}
.mobile{
	display:none !important;
}
.above-Footer{
    min-height: calc(100vh - 262px);
}
.stickyFooter{
    height: 262px;
}
.tac{
	text-align:center !important;
}
.mb30{
	margin-bottom:30px !important;
}
.bold{
	font-weight:bold;
}
.red{
	color:#853b3b;
}
.blue{
	color:#3f4995;
}
/*img, object, embed, video { max-width: 100%; height: auto; }*//*これはgooglemapsに悪さする*/
/*------------------------------------------------------------------------
2.全体枠
------------------------------------------------------------------------*/
/*------------------------------------------------------------------------
3.ヘッダー
------------------------------------------------------------------------*/
#headerWrapper{
	width:100%;
	background:url(img/headerBg.jpg) center top repeat-x;
	min-width:1000px;
	padding-top:55px;
}
#header {
	width:1000px;
	margin:0 auto;
}
/*@h1（ヘッダー）
--------------------------------------------------------*/
#header h1 {
	width:470px;
	height:70px;
	background:url(img/brandingstyle.svg) no-repeat;
	background-size:470px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#header h1 a {
	display:block;
	width:100%;
	height:100%;
	border:none;
}
/*@ul（ヘッダー）
--------------------------------------------------------*/
#header ul#nav{
	width:940px;
	margin:10px 30px 0;
	overflow:hidden;
}
#header ul#nav li{
	width:234px;
	height:50px;
	line-height:50px;
	text-align:center;
	float:left;
	border-right:1px solid #d2d2d2;
}
#header ul#nav li:last-child{
	border-right:none;
}
#header ul#nav li a{
	border:none;
}
#header ul#nav li span{
	padding:10px 30px;
	border-radius:5px;
}
#header ul#nav li span:hover{
	background:#03429a;
	color:#fff;
}
/*------------------------------------------------------------------------
4.メイン
------------------------------------------------------------------------*/
/*@div（メイン）
--------------------------------------------------------*/
#mainImageWrapper{
	width:100%;
	min-width:1000px;
	height:400px;
	background:url(img/mainImageBg.gif) repeat-x;
}
#mainImage{
	width:1000px;
	height:400px;
	margin:0 auto;
	background:url(img/mainImage.jpg) no-repeat;
	position:relative;
}
.main{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
div.oneColumn{
	width:870px;
	margin:30px 65px;
}
div.mainLeft{
	width:570px;
	float:left;
	margin-left:30px;
}
div.mainRight{
	width:320px;
	float:right;
	margin-right:30px;
}
div.h2Wrapper{
	width:100%;
	height:45px;
	position:relative;
	background-image: -moz-linear-gradient(top, #4d6499, #38479a);
	background-image: -ms-linear-gradient(top, #4d6499, #38479a);
	background-image: -webkit-linear-gradient(top, #4d6499, #38479a);
	background-image: linear-gradient(top, #4d6499, #38479a);
}
div.privacyBox{
	width:300px;
	border:5px solid #ccc;
	padding:20px 40px;
	margin:0 auto;
}
div.mediaBox{
	width:388px;
	padding:15px;
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	margin-bottom:25px;
}
div.mediaBox:nth-child(2n+1){
	float:right;
}
div.mediaBox:nth-child(2n){
	float:left;
}
/*@h2（メイン）
--------------------------------------------------------*/
div#mainImage h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
div.oneColumn h2{
	font-size:24px;
	line-height:24px;
	color:#03439a;
	margin-bottom:15px;
}
div.oneColumn h2.column{
	font-size:24px;
	color:#03439a;
	margin-bottom:15px;
	margin-left:170px;
	line-height:1.5em;
	text-align:left;
}
div.oneColumn p{
	line-height:2em;
	margin-bottom:1em;
	text-align:justify;
	text-justify:distribute;
}
div.h2Wrapper h2{
	line-height:45px;
	font-size:18px;
	color:#fff;
	/*font-weight:bold;*/
	text-shadow:3px 3px 3px #333;
	background:url(img/list01.svg) left 20px center no-repeat;
	background-size:18px;
	text-indent:60px;
}
h2.brand3{
	background:url(img/3branding.png) no-repeat;
	width:1000px;
	height:250px;
	text-indent:-9999px !important;
}
/*@h3（メイン）
--------------------------------------------------------*/
h3.branding{
	margin:15px 0;
	background:url(img/h3BrandingBg.gif) center bottom repeat-x;
	width:100%;
	line-height:2em;
	padding-bottom:5px;
	color:#38479a;
	font-size:18px;
}
h3.privacy{
	margin:15px 0 15px 20px;
	background:url(img/h3BrandingBg.gif) center bottom repeat-x;
	width:100%;
	line-height:2em;
	padding-bottom:5px;
	color:#38479a;
	font-size:18px;
}
h3.branding span{
	display:inline-block;
	width:33px;
	height:33px;
	border-radius:5px;
	line-height:33px;
	text-align:center;
	background-image: -moz-linear-gradient(top, #4d6499, #38479a);
	background-image: -ms-linear-gradient(top, #4d6499, #38479a);
	background-image: -webkit-linear-gradient(top, #4d6499, #38479a);
	background-image: linear-gradient(top, #4d6499, #38479a);
	color:#fff;
	font-size:20px;
	margin-left:15px;
	margin-right:10px;
}
div.mainRight h3{
	margin:0.5em auto;
	color:#03439a;
	font-weight:bold;
}
div.mediaBox h3{
	color:#38479a;
	font-weight:bold;
}
/*@h4（メイン）
--------------------------------------------------------*/
/*@p（メイン）
--------------------------------------------------------*/
div.h2Wrapper p.brandingMore{
	position:absolute;
	width:140px;
	height:25px;
	text-align:center;
	line-height:25px;
	right:20px;
	top:10px;
	border-radius:5px;
	background:url(img/list02.svg) right 10px center no-repeat #fff;
	background-size:13px;
	-webkit-box-shadow:0 0 6px 2px rgba(200,200,200,0.2) inset;
	-moz-box-shadow:0 0 6px 2px rgba(200,200,200,0.2) inset;
    box-shadow:0 0 6px 2px rgba(100,100,100,0.4) inset;
}
div.h2Wrapper p.brandingMore a{
	display:block;
	width:100%;
	height:100%;
	border:none;
	font-size:14px;
	color:#000;
}
div.h2Wrapper p.brandingMore:hover{
	background-color:#ddd;
}
div.h2Wrapper p.brandingMore a:hover{
	color:#000;
}
p.branding{
	margin:0 15px 15px 58px;
	line-height:1.7em;
	text-align:justify;
	text-justify:distribute;
	font-size:14px;
}
p.branding2{
	margin:0 15px 15px 120px;
	line-height:1.7em;
	text-align:justify;
	text-justify:distribute;
	font-size:14px;
}
p.hosoku{
	margin:0 15px 15px 120px;
	line-height:1.7em;
	text-align:justify;
	text-justify:distribute;
	font-size:14px;
	padding:20px;
	border:1px dotted red;
}
p.profile{
	width:90%;
	margin:0 auto;
}
p.privacy{
	margin:0 0 0 5em;
}
p.column{
	margin:0 170px;
}
div.mediaBox img{
	height:200px;
	width:auto;
	float:left;
	margin-right:15px;
}
div.mediaBox img:hover{
	opacity:0.7;
}
div.mediaBox p{
	font-size:14px;
	line-height:1.5em;
}
p.media{
	width:200px;
	height:50px;
	text-align:center;
	background:#ccc;
	line-height:50px;
	margin:10px auto;
}
p.media:hover{
	background:#03439a;

}
p.media a{
	display:block;
	width:100%;
	height:100%;
	border:none;
	color:#fff;
}
div#mainImage p.mainComment{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
div#mainImage p.column{
	width:436px;
	height:76px;
	position:absolute;
	background:url(img/columnBg.jpg) center top no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	left:-70px;
	top:300px;
}
div#mainImage p.column a{
	display:block;
	width:100%;
	height:100%;
	border:none;
}
div#mainImage p.column:hover{
	background:url(img/columnBg.jpg) center bottom no-repeat;
}
p#toTop{
	position:fixed;
	bottom:30px;
	right:30px;
	width:80px;
	height:80px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(img/toTop.svg) no-repeat;
	background-size:80px;
}
p#toTop a{
	display:block;
	width:100%;
	height:100%;
	border:none;
}
a.inquiryLink{
	display:inline-block;
	border:none;
	background:#044ea5;
	padding:0.2em 1em;
	color:#fff;
	border-radius:5px;
}
a.inquiryLink:hover{
	background:skyblue;
	color:#044ea5;
}
/*@dl（メイン）
--------------------------------------------------------*/
dl.company{
	width:680px;
	margin:30px auto;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
dl.company dt{
	width:110px;
	float:left;
	clear:both;
	border-top:1px solid #eee;
	padding:20px;
}
dl.company dd{
	width:490px;
	float:right;
	padding:20px;
	border-top:1px solid #eee;
}
dl.inquiry{
	width:680px;
	margin:30px auto;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
dl.inquiry dt{
	width:160px;
	float:left;
	clear:both;
	border-top:1px solid #eee;
	padding:20px;
}
dl.inquiry dd{
	width:440px;
	float:right;
	padding:20px;
	border-top:1px solid #eee;
}
dl.branding{
	margin:0 15px 15px 250px;
	line-height:1.7em;
	text-align:justify;
	text-justify:distribute;
	background:#f2f3f3;
	padding:15px 15px 5px;
	border-top:2px solid #38479a;
	border-bottom:2px solid #38479a;
	border:none;
}
dl.branding dt{
	font-weight:bold;
	color:#38479a;
	font-size:16px;
	background:#fff;
	text-indent:1em;
	/*margin-bottom:0.5em;
	border-top:1px solid #38479a;
	border-bottom:1px solid #38479a;*/
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
dl.branding dd{
	margin-top:10px;
	margin-left:60px;
	margin-bottom:10px;
	font-size:14px;
}
dl.branding dd span{
	display:block;
	background:url(img/list03.gif) left 0.55em no-repeat;
	padding-left:12px;
	font-weight:bold;
}
/*@ul（メイン）
--------------------------------------------------------*/
ul.profile{
	width:95%;
	margin:10px 0 10px 5%;
	font-size:14px;
}
ul.profile li{
	background:url(img/list03.gif) left 0.5em no-repeat;
	padding-left:15px;
	margin-bottom:0.5em;
}
ul.profile ul{
	margin-left:30px;
}
ul.profile ul li{
	background:none;
	list-style:disc;
	padding-left:0;
}
/*@input（メイン）
--------------------------------------------------------*/
input.small{
	width:8em;
}
input.middle{
	width:300px;
}
input.large{
	width:400px;
}
form span{
	margin-left:1em;
	font-size:12px;
}
form textarea{
	width:400px;
}
form input[type=submit]{
	clear:both;
}
form input.confirm{
	border:none;
	background:#03439a;
	width:160px;
	height:50px;
	border-radius:5px;
	color:#fff;
	font:16px/1.5 Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	cursor:pointer;	
}
form input.confirm:hover{
	background:#9a3838;
}
form input.back{
	border:none;
	background:#ccc;
	width:160px;
	height:50px;
	border-radius:5px;
	color:#fff;
	font:16px/1.5 Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	cursor:pointer;
	margin-right:15px;
	
}
form input.back:hover{
	background:#aaa;
}
input[type=text],
input[type=tel]{
	border:1px solid #666;
}
input.must{
	background:url(img/must.svg) right 5px center no-repeat;
	background-size:40px;
}
/*------------------------------------------------------------------------
5.フッター
------------------------------------------------------------------------*/
/*@div（フッター）
--------------------------------------------------------*/
#footerWrapper{
	width:100%;
	min-width:1000px;
	background:url(img/footerBg.jpg) repeat-x;
	height:262px;
	margin-top:80px;
}
#footer{
	width:1000px;
	height:262px;
	margin:0 auto;
}
/*@div（フッター）
--------------------------------------------------------*/
#footer ul{
	padding-top:100px;
	text-align:center;
}
#footer ul li{
	display:inline;
	margin-left:50px;
	margin-right:50px;
}
#footer ul li a{
	color:#fff;
	border:none;
}
#footer ul li a:hover{
	border-bottom:1px solid #fff;
}
/*@p（フッター）
--------------------------------------------------------*/
#footer p{
	margin-top:110px;
	text-align:center;
	color:#fff;
	font-size:12px;
}