body{
	font-family: "Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
	max-width:800px;
	margin:0 auto;
	
	}



.only-pc{
	display:block;
}

.only-sp{
	display:none;
}

.ellipsis{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

.loading_layer{
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#fff url(../img/loading.gif) no-repeat center center;
	}

.dot{
	height:100%;
	background:url(../img/pattern.png);
	background-repeat:repeat;
	background-position:center center;
	}
	

.alpha{
	height:100%;
	background:rgba(0,0,0,0.6);
	}

a,a:hover{
	/*color:#fff;*/
	}
.red{
	color:#8c0e0a;
	}

.bold{
	font-weight:bold;
	}

ul{
	margin:0;
	padding:0;
	list-style:none;
	}

li{
	margin:0;
	}

.table{
	width:100%;
	border-collapse:collapse;
	}

.mincho{
	font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	}

.mincho2{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

.z-i-1{
	z-index:1;
	}
.z-i-99{
	z-index:99;
	}
.pos-r{
	position:relative;
	}

.content-wrap{
	max-width:960px;
	margin:0 auto;
	padding:0 16px;
	}

.content-wrap-l{
	max-width:1600px;
	margin:0 auto;
	padding:0 16px;
	}

.anm-all{
	 -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -ms-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
	}

.no-pad{
	padding:0;
	}
.text-center{text-align:center;}
.text-right{text-align:right;}

.mt-8{margin-top:8px;}
.mt-16{margin-top:16px;}
.mt-24{margin-top:24px;}
.mt-32{margin-top:32px;}
.mt-40{margin-top:40px;}
.mt-80{margin-top:80px;}
/*bootstrapカラム対応用マージン*/
.m-side-15{margin-left:15px;margin-right:15px;}

.pd-16{
	padding:16px;
	}

.gradient{
background: #030504; /* Old browsers */
background: -moz-linear-gradient(top,  #030504 0%, #3f4c6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #030504 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #030504 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030504', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

	}

.wrapper{
	margin-top:50px;
	width: 100%;
    height: auto;
    overflow: hidden;
	}
	
.base-container{
	position:relative;
	z-index:12;
	}
	

.page-ttl-wrap{
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
	  -moz-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
-o-transform: translateX(-50px);
-ms-transform: translateX(-50px);
opacity:0;
	}

.translate0{
	-moz-transform: translateX(0px) !important;
-webkit-transform: translateX(0px) !important;
-o-transform: translateX(0px) !important;
-ms-transform: translateX(0px) !important;
opacity:1 !important;
	}

.common-ttl{
	font-size:30px;
	text-align:center;
	font-weight:normal;
	font-family: 'Oxygen', sans-serif;
	}

.common-ttl-jp{
	font-size:25px;
	text-align:center;
	font-weight:normal;
	}

.text-box{
	line-height:1.8em;
	font-size:110%;
	}


header{
	position:fixed;
	top:0;
	left:0;
	z-index:20;
	width:100%;
	background:#FFF;
	height:50px;
	
	
    box-shadow: rgba(0, 0, 0, 0.380392) 0px 5px 26px -8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.380392) 0px 5px 26px -8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.380392) 0px 5px 26px -8px;	
	
	}

.header-max{
	max-width:800px;
	margin:0 auto;
	position:relative;
	}

.main-logo {
	line-height:1em;
	width:130px;
	position:absolute;
	left:0;
	top:0;
	margin:0;
	height:100%;
}

.main-logo a{
	display:block;
	height:100%;
	}

.main-logo img {
	width:100%;
	padding-top:19px;
	padding-left:8px;
}

.main-nav {
	width:70px;
	line-height:50px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	margin:0;
	height:100%;
}

.main-nav .menu-btn {
	font-family: 'Oxygen', sans-serif;
	
}

.main-nav .menu-btn i{
	padding-right:4px;
	}

.main-nav .menu-wrap {
	position:absolute;
	right:0;
	top:50px;
	background:#efefef;
	width:200px;
	display:none;
}

.main-nav .menu-wrap li {
}

.main-nav .menu-wrap li a {
	position:relative;
	padding:16px;
	display:block;
	text-align:left;
	border-top:1px solid #ddd;
	line-height: 1em;
	color:#222;
}

.main-nav .menu-wrap li a i{
	position:absolute;
	    right: 11px;
    top: 17px;
}
	




.rotate-bg{
	width: 300%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -100%;
    z-index: 10;
    -webkit-transform: rotate(-15.3deg);
    -ms-transform: rotate(-15.3deg);
    transform: rotate(-15.3deg);
	    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
	}

.container-a{
	display:block;
	}


.contact-wrap{
	border:1px solid #222;
	width:90%;
	box-sizing:border-box;
	padding:24px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

.contact-wrap h2{
	font-weight:bold;
	}

.to-tel{
	font-size:24px;
	}

.to-tel a{
	display:block;
	color:#999;
	padding:16px 0;
	}

.to-contact{
	background:#333;
	}

.to-contact a{
	color:#fff;
	display:block;
	padding:16px;
	}

.banner-wrap{
	background:#efefef;
	padding:16px 0;
	font-size:10px;
	}
.banner-link{
	color:#333;
	}
.banner-link img{
	width:100%;
	}

.footer-wrap{
	color:#fff;
	background:#222;
	padding:24px 64px 24px 24px;
	}

.copyright{
	font-size:11px;
	}

.to-top-btn{
	width:40px;
	height:40px;
	
	background:#333;
	position:fixed;
	right:16px;
	bottom:19px;
	text-align:center;
	line-height:40px;
	z-index:20;
	}
.to-top-btn a{
	color:#FFF;
}

.page-ttl-wrap{
	    padding: 40px 40px 20%;
	}


.to-page-ttl{
	font-size:25px;
	font-weight:normal;
	font-family: 'Oxygen', sans-serif;
	}

.to-page-sub-ttl{
	color:#aaa;
	}



.page-ttl{
	color: #FFF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
    width: 90%;
    font-family: 'Oxygen', sans-serif;
    font-size: 26px;
    letter-spacing: 1.2px;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
	text-align:center;
	}

.page-sub-ttl{
	color: #FFF;
	margin-top:8px;
	text-align:center;
	}

.page-wrap{
	padding:14% 16px;
	    margin-top: -14%;
	}

.page-wrap .rotate-bg{
	background:#efefef;
	box-shadow:rgba(0, 0, 0, 0.380392) 0px 33px 11px -31px;
-webkit-box-shadow:rgba(0, 0, 0, 0.380392) 0px 33px 11px -31px;
-moz-box-shadow:rgba(0, 0, 0, 0.380392) 0px 33px 11px -31px;
	}


.bread{
	position:absolute;
	right:0;
	top:-58px;
	}


.bread a{
	display:inline-block;
	border:1px solid #999;
	padding:8px;
	border-radius:8px;
	color:#999;
	    font-family: 'Oxygen', sans-serif;
		font-size:18px;
	}

.bread a i{
	padding-left:8px;
}