/*------------------------------------------------------------------------
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:14px/1.5 Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	background:url(img/bodyBg.gif) repeat-x;
	-webkit-text-size-adjust: 100%;
}
* 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;
}
.tac{
	text-align:center !important;
}
.desktop{
	display:none !important;
}
.bold{
	font-weight:bold;
}
.red{
	color:#853b3b;
}
.blue{
	color:#3f4995;
}

/*------------------------------------------------------------------------
3.ヘッダー
------------------------------------------------------------------------*/
#headerWrapper{
	width:100%;
	background:url(img/headerBg.jpg) center top repeat-x;
	padding-top:55px;
}
#header {
}
/*@h1（ヘッダー）
--------------------------------------------------------*/
#header h1 {
	width:90%;
	height:0;
	padding-top:15.625%;
	background:url(img/brandingstyle.svg) center center no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto;
}
#header h1 a {
	display:block;
	width:100%;
	height:100%;
	border:none;
}

/*@ul（ヘッダー）
--------------------------------------------------------*/
#header ul#nav{
	width:94%;
	margin:10px 3% 0;
	overflow:hidden;
}
#header ul#nav li{
	width:24%;
	height:45px;
	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 span{
	padding:5px;
	border-radius:5px;
}
#header ul#nav li a{
	border:none;
}
/*------------------------------------------------------------------------
4.メイン
------------------------------------------------------------------------*/
/*@div（メイン）
--------------------------------------------------------*/
#mainImageWrapper{
	width:100%;
}
#mainImage{
	background:url(img/mainImageSp.jpg) no-repeat;
	text-indent:100%;
	height:0;
	padding-top:38.8%;
	white-space:nowrap;
	overflow:hidden;
	background-size:100%;
}
#main{
	width:94%;
	margin:0 3%;
}
div.oneColumn{
	width:100%;
	margin:10px auto;
}
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:70%;
	border:5px solid #ccc;
	padding:20px 40px;
	margin:0 auto 25px;
}
div.mediaBox{
	padding:10px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	margin:10px;
}
/*@h2（メイン）
--------------------------------------------------------*/
div.oneColumn h2{
	font-size:18px;
	line-height:18px;
	color:#03439a;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:4px;
	border-bottom:2px solid #03439a;
	text-indent:1em;
}
div.oneColumn h2.column{
	font-size:18px;
	line-height:1.3em;
	color:#03439a;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	border-bottom:2px solid #03439a;
	text-align:center;
}
div.oneColumn p{
	line-height:1.6em;
	margin-bottom:1em;
	margin:0 1em 1em;
	text-align:justify;
	text-justify:distribute;
}
div.h2Wrapper h2{
	line-height:45px;
	color:#fff;
	font-weight:bold;
	text-shadow:3px 3px 3px #333;
	background:url(img/list01.svg) left 10px center no-repeat;
	background-size:20px;
	text-indent:40px;
}
h2.brand3{
	background:url(img/3brandingSP.png) no-repeat;
	background-size:100%;
	width:100%;
	height:0;
	padding-top:28.7356321%;
	text-indent:-9999px !important;
	border:none !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:16px;
}
h3.branding span{
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:3px;
	line-height:20px;
	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:16px;
	margin-left:5px;
	margin-right:5px;
}
div.mainRight h3{
	margin:0.5em 10px;
	color:#03439a;
	font-weight:bold;
}
h3.privacy{
	margin:10px;
	background:url(img/h3BrandingBg.gif) center bottom repeat-x;
	line-height:2em;
	padding-bottom:5px;
	color:#38479a;
	font-size:18px;
}
div.mediaBox h3{
	color:#38479a;
	font-weight:bold;
}
/*@p（メイン）
--------------------------------------------------------*/
div.h2Wrapper p.brandingMore{
	position:absolute;
	width:100px;
	height:25px;
	text-align:center;
	line-height:25px;
	right:10px;
	top:10px;
	border-radius:5px;
	background:#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;
	font-size:12px;
}
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:10px;
}
p.profile{
	width:90%;
	margin:0 auto;
}
div.mediaBox img{
	width:40%;
	height: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;
}
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#toTop{
	position:fixed;
	bottom:30px;
	right:30px;
	width:40px;
	height:40px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(img/toTop.svg) no-repeat;
	background-size:40px;
}
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;
}
/*@dl（メイン）
--------------------------------------------------------*/
dl.company{
	width:100%;
	margin:30px auto;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
dl.company dt{
	width:30%;
	float:left;
	clear:both;
	border-top:1px solid #eee;
	padding:20px 0;
	text-indent:1em;
}
dl.company dd{
	width:70%;
	float:right;
	padding:20px 0;
	border-top:1px solid #eee;
}
dl.branding{
	margin:10px;
	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:20px;
	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;
}
/*@input（メイン）
--------------------------------------------------------*/
form{
	margin:10px;
}
form input[type=text],
form input[type=tel],
form input[type=select]{
	line-height:2em;
}
input.small{
	width:8em;
}
input.middle{
	width:90%;
}
input.large{
	width:90%;
}
form span{
	margin-left:1em;
	font-size:12px;
}
form textarea{
	width:90%;
}
form input[type=submit]{
	clear:both;
}
form input.confirm{
	-webkit-appearance: none;
	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;
}
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;
}
/*@ul（メイン）
--------------------------------------------------------*/
ul.profile{
	width:95%;
	margin:10px 0 10px 5%;
}
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;
}

/*------------------------------------------------------------------------
5.フッター
------------------------------------------------------------------------*/
/*@div（フッター）
--------------------------------------------------------*/
#footerWrapper{
	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);
	margin-top:50px;
}
/*@p（フッター）
--------------------------------------------------------*/
#footer p{
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:45px;
}