@charset "UTF-8";
/*****************************************************-
Reset
- ****************************************************/
* {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
	font-family: inherit; 
	font-weight: inherit; 
	font-style: inherit; 
	/*vertical-align: middle;*/ 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; 
}
html {font-size:62.5%; width:100%; height:100%;}

body {
	word-wrap: break-word;
	zoom: 1;
	width:100%;	
	box-sizing:border-box;
	font-family:'Avenir','Helvetica Neue','Helvetica','Arial',Meiryo,'メイリオ','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'ＭＳ Ｐゴシック','MS PGothic'  ;
}

a {
	color:#0168b7;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:hover img,
a:focus img {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}
button {
	cursor: pointer;
}
object {
	vertical-align: bottom;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
ul,
ol {
	list-style-type: none;
	text-align:left;
}
li img {
	vertical-align: bottom;
}
strong {
	font-weight: bold !important;
}
em {
	font-style: italic !important;
}
ins {
	text-decoration: underline !important;
}
del {
	text-decoration: line-through !important;
}
input.placeholder {
	color: #cccccc;
}
input:-ms-input-placeholder {
	color: #cccccc;
}
input::-webkit-input-placeholder {
	color: #cccccc;
}
input::-moz-placeholder {
	color: #cccccc;
}
/* HTML5 */
main,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
div {
	display: block;
	box-sizing:border-box;
}



/*****************************************************-
Common
- ****************************************************/
.clearfix:after{
  content: ""; 
  display: block; 
  clear: both; 
  visibility:hidden;
}

.color-blue{ color:#0068b7;}
.color-pink{ color:#e4007f;}


.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.break {
	clear: both;
}
.fl {
	float: left;
	margin: 0px;
	padding: 0px;
}
.fr {
	float: right;
	margin: 0px;
	padding: 0px;
}


.m-auto{ margin:auto;}

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}

.mt30 {margin-top: 30px}
.mt50 {margin-top: 50px}

.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}

.mr10{margin-right:10px;}

.pb20{ padding-bottom:20px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}


.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}

.width50{width:50%;}		
.width60{width:60%;}		
.width80{width:80%;}
.width90{width:90%;}

.size130{ font-size:1.3em;}
.size160{ font-size:1.6em;}
.size170{ font-size:1.7em;}

.js-css3,
.js-no-scroll {
}

.bg-Lgray{ background:#f4f4f4;}
.bg-blue{ background:#0068b7;}
.bg-black{ background:#262626;}

.note01 {
	margin-top: 20px;
}
.note01 li {
	margin-top: 10px;
	padding-left: 15px;
	position: relative;
}
.note01 li span {
	position: absolute;
	left: 0;
	top: 0;
}

.note02 {
}
.note02 li {
	margin-top: 3px;
	padding-left: 30px;
	position: relative;
}
.note02 li span {
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 0;
}
main{
    display: block;
}
header {
	background:#0168b7;
	color:#FFF;
	width:100%;

}
footer {
	background:#262626;
	position: absolute;
	bottom: 0;
	width:100%;
	color:#FFF;
	padding:1em;
	text-align:center;
}

/* ボタン共通 */

.btn a:hover,
.btm-menu li a:hover {
	background: #3ab2e9;
}
.icon-go a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}

.icon-go-left li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}
/*****************************************************-
 slider
- ****************************************************/
	
.swiper-container{
	text-align: center;
}
.swiper-container .swiper-slide img{
	max-width: 100%;
	height: auto;
}
.prettyprint{
	border: none;
	background: #fafafa;
	color: #697d86;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position:initial;
    overflow: hidden;
    z-index: 1;
}
		
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:initial;
	left: 0;
    width: 100%;
}
.swiper-slide{width:20%;}
.swiper-slide img{min-width:100%;}
.swiper-pagination {
    position:initial;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

/*****************************************************-
Contents
- ****************************************************/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.commonTable {
  border: 1px solid #d3cfcc;
  margin:auto;
  font-size:1em;
  }

  .commonTable tr:last-child td,
  .commonTable tr:last-child th {
    border-bottom: none; }


/*****************************************************-
Font
- ****************************************************/
/*両端揃え*/
.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}
/*文字色*/
.fontRed {
	color: #ff0000;
}
/*ウェイト*/
.bold {
	font-weight:600;
}
.mincho {
	font-family: 'リュウミン R-KL', 'Ryumin Regular KL', 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;
}

@media print {
}