@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, 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;
}

address, article, aside, figure, figCaption, footer, header, hgroup, hr, legend, menu, nav, section, summary {
	display: block;
}

ul, ol {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}

img {
	vertical-align: bottom;
	max-width: 100%;
}

mark {
	background: none;
}

input {
	opacity: 1;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

a,a:hover {
	text-decoration: none;
	color: #434343;
}

.cf:after {
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0;
}

.cf {
	min-height: 1px;
	zoom: 1;
}

.hoverBtn a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all  0.1s ease;
}

/* 共通
------------------------------------------*/

.fL { float: left; }
.fR { float: right;}
.tC { text-align: center; }
.tL { text-align: left; }
.tR { text-align: right; }


/* Padding
------------------------------------------*/

.padT05 { padding-top: 5px !important;}
.padT10 { padding-top: 10px !important;}
.padT20 { padding-top: 20px !important;}
.padT30 { padding-top: 30px !important;}
.padT40 { padding-top: 40px !important;}
.padT50 { padding-top: 50px !important;}
.padT60 { padding-top: 60px !important;}
.padT70 { padding-top: 70px !important;}
.padT80 { padding-top: 80px !important;}
.padT90 { padding-top: 90px !important;}
.padT100 { padding-top: 100px !important;}

.padB05 { padding-bottom: 5px !important;}
.padB10 { padding-bottom: 10px !important;}
.padB20 { padding-bottom: 20px !important;}
.padB30 { padding-bottom: 30px !important;}
.padB40 { padding-bottom: 40px !important;}
.padB50 { padding-bottom: 50px !important;}
.padB60 { padding-bottom: 60px !important;}
.padB70 { padding-bottom: 70px !important;}
.padB80 { padding-bottom: 80px !important;}
.padB90 { padding-bottom: 90px !important;}
.padB100 { padding-bottom: 100px !important;}

.padR05 { padding-right: 5px !important;}
.padR10 { padding-right: 10px !important;}
.padR20 { padding-right: 20px !important;}
.padR30 { padding-right: 30px !important;}
.padR40 { padding-right: 40px !important;}
.padR50 { padding-right: 50px !important;}
.padR60 { padding-right: 60px !important;}
.padR70 { padding-right: 70px !important;}
.padR80 { padding-right: 80px !important;}
.padR90 { padding-right: 90px !important;}
.padR100 { padding-right: 100px !important;}

.padL05 { padding-left: 5px !important;}
.padL10 { padding-left: 10px !important;}
.padL20 { padding-left: 20px !important;}
.padL30 { padding-left: 30px !important;}
.padL40 { padding-left: 40px !important;}
.padL50 { padding-left: 50px !important;}
.padL60 { padding-left: 60px !important;}
.padL70 { padding-left: 70px !important;}
.padL80 { padding-left: 80px !important;}
.padL90 { padding-left: 90px !important;}
.padL100 { padding-left: 100px !important;}


/* Margin
------------------------------------------*/

.margT05 { margin-top: 5px !important;}
.margT10 { margin-top: 10px !important;}
.margT20 { margin-top: 20px !important;}
.margT30 { margin-top: 30px !important;}
.margT40 { margin-top: 40px !important;}
.margT50 { margin-top: 50px !important;}
.margT60 { margin-top: 60px !important;}
.margT70 { margin-top: 70px !important;}
.margT80 { margin-top: 80px !important;}
.margT90 { margin-top: 90px !important;}
.margT100 { margin-top: 100px !important;}

.margB05 { margin-bottom: 5px !important;}
.margB10 { margin-bottom: 10px !important;}
.margB20 { margin-bottom: 20px !important;}
.margB30 { margin-bottom: 30px !important;}
.margB40 { margin-bottom: 40px !important;}
.margB50 { margin-bottom: 50px !important;}
.margB60 { margin-bottom: 60px !important;}
.margB70 { margin-bottom: 70px !important;}
.margB80 { margin-bottom: 80px !important;}
.margB90 { margin-bottom: 90px !important;}
.margB100 { margin-bottom: 100px !important;}

.margR05 { margin-right: 5px !important;}
.margR10 { margin-right: 10px !important;}
.margR20 { margin-right: 20px !important;}
.margR30 { margin-right: 30px !important;}
.margR40 { margin-right: 40px !important;}
.margR50 { margin-right: 50px !important;}
.margR60 { margin-right: 60px !important;}
.margR70 { margin-right: 70px !important;}
.margR80 { margin-right: 80px !important;}
.margR90 { margin-right: 90px !important;}
.margR100 { margin-right: 100px !important;}

.margL05 { margin-left: 5px !important;}
.margL10 { margin-left: 10px !important;}
.margL20 { margin-left: 20px !important;}
.margL30 { margin-left: 30px !important;}
.margL40 { margin-left: 40px !important;}
.margL50 { margin-left: 50px !important;}
.margL60 { margin-left: 60px !important;}
.margL70 { margin-left: 70px !important;}
.margL80 { margin-left: 80px !important;}
.margL90 { margin-left: 90px !important;}
.margL100 { margin-left: 100px !important;}


/* ALL
----------------------------------------------------------------------------------*/

body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	-webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4 { font-weight: 500; }

div#wrapper {
	margin: 0 auto;
	font-size: 14px;
	min-width: 1080px;
}

.inner {
	width: 1080px;
	margin: 0 auto;
}

.bg01 {
	background: url(../img/pc01.png) center center no-repeat;
	height: 700px;
}

.bg02 {
	background: #032f55;
	padding: 60px 0px 70px;
}

.bg03 {
	background: url(../img/pc03.png) center center no-repeat;
	height: 900px;
}

.bg04 {
	background: url(../img/pc04.png) center center no-repeat;
	height: 315px;
}

.bg05 {
	background: url(../img/pc05.png) center center no-repeat;
	height: 140px;
}

.bg06 {
	background: url(../img/pc06.png) center center no-repeat;
	height: 1035px;
}

.bg07 {
	background: url(../img/pc07.png) center center no-repeat;
	height: 140px;
}

.bg08 {
	background: #fafafa;
}

.bg09 {
	background: url(../img/pc11.png) center center no-repeat;
	height: 315px;
}

.bg10 {
	background: #032f55;
}

.bg11 {
	background: url(../img/pc13.png) center center no-repeat;
	height: 1216px;
}

footer {
	background: #032f55;
	padding: 20px 0px;
}

footer .inner div {
	line-height: 60px;
	color: #fff;
}

footer a {
	display: block;
	color: #fff;
	padding: 0px 20px;
	margin: 0px 20px;
}