@charset "utf-8";
/* CSS Document */
/*
サイズ縮小ポイント1041px
タブレット用ポイント840px
スマホ用ポイント644px
*/
body {
	margin: 0px;
	padding: 0px;
	font-family:"Noto Sans","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,sans-serif;*/
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝","Sawarabi Mincho",YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;*/
	/*font-size: 14px;*/
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size:90%;
	line-height: 160%;
	color: #000000;
	background-color: #ffffff;
	/*overflow-x:hidden;*/
}
@media screen and (max-width: 1333px) {
	body {font-size:80%;}
}
@media screen and (max-width: 840px) {
	body {font-size:70%;}
}
@media screen and (max-width: 644px) {
	body {font-size:85%;}
}
h1,h2,h3,h4,h5,h6,h7{
	font-size:12px;
	margin:0;
	padding:0;
	font-weight:normal;
}
ul,li {
	margin:0;
	padding:0;
	list-style-type: none;
}
p {
	margin:0;
	padding:0;
}
img {
	border:0;
}
a.btn,
a.btnp1,
a.btnp2{
	display:block;
}
#wrapper img{
	width:100%;
	height:auto;
	-webkit-backface-visibility: hidden;
}

.backFixed{
	background-attachment: fixed;
}
@media screen and (max-width: 840px) {
	.backFixed{
		background-attachment:inherit;
	}
}

/*************
 	標準リンク
 *************/
a:link,
a:visited,
a:active{
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #0093dc;
	text-decoration:none;
}

/*************
 	％幅
 *************/
#wrapper .content .width10{width:10%;}
#wrapper .content .width20{width:20%;}
#wrapper .content .width30{width:30%;}
#wrapper .content .width40{width:40%;}
#wrapper .content .width50{width:50%;}
#wrapper .content .width60{width:50%;}
#wrapper .content .width70{width:70%;}
#wrapper .content .width80{width:80%;}
#wrapper .content .width90{width:90%;}
#wrapper .content .width100{width:100%;}


/*************
 	float
 *************/
.fl{float:left;}
.fr{float:right;}


/****************************
	レスポンシブイメージ
****************************/
.innerArea{
	position: absolute;
	top: 1px;
	left: -2px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-size: 100% 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/*ie8ハック*/
.innerArea{
	text-indent: 200%\9;
}

/************ クリア ************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*リストの種類*/
ul.listDisc li{list-style-type: disc; margin:0 0 0 1.3em}
ul.listNo li{list-style-type: decimal; margin:0 0 0 1.3em}


/*注釈*/
.notes{font-size:80%;}

/*フロート*/
.fl{
	float:left;
}
.fr{
	float:right;
}

/*端末別-表示非表示*/
.blPc1{display:block;}
.blPc2{display:block;}
.blSp{display:none;}
.blTab{display:none;}
@media screen and (max-width: 840px) {
	.blTab{display:block;}
	.blPc2{display:none;}
}
@media screen and (max-width: 644px) {
	.blSp{display:block;}
	.blPc1{display:none;}
}
.inPc1{display:inline;}
.inPc2{display:inline;}
.inSp{display:none;}
.inTab{display:none;}
.inTab2{display:none;}
@media screen and (max-width: 840px) {
	.inTab{display:inline;}
	.inTab2{display:inline;}
	.inPc2{display:none;}
}
@media screen and (max-width: 644px) {
	.inSp{display:inline;}
	.inPc1{display:none;}
	.inTab2{display:none;}
}


/*===============================================
 	ページトップ
===============================================*/
.pageTop{
	position: fixed;
	bottom: 30px;
	right: 25px;
	width: 50px;
	height: 50px;
	z-index:1000000;
	opacity:0.7;
}
.pageTop a{
	display: block;
	width: 50px;
	height: 50px;
	background-color:rgba(0,171,208,0.8);
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	border-radius: 50px;
}
.pageTop a{
	position: relative;
}
.pageTop a:after{ 
	display: block;
	width: 16px;
	height: 16px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(-45deg); content: ""; 
	-webkit-transform: rotate(-45deg); content: ""; 
	position: absolute;
	top: 27px;
	left: 17px;
	margin-top: -6px;
}
.pageTop a span {
	display:none;
}

/*===============================================
●smart  画面の横幅が644pxまで
===============================================*/
@media screen and (max-width:644px){
	.pageTop{display:none;}
}



.spPageTop{display:none;}
@media screen and (max-width:644px){
	.spPageTop{
		display:block;
		position: relative;
		height:40px;
		background-color:rgba(0,171,208,0.8);
	}
	.spPageTop:after{ 
		display: block;
		width: 16px;
		height: 16px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		transform: rotate(-45deg); content: ""; 
		-webkit-transform: rotate(-45deg); content: ""; 
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -3px;
		margin-left:-8px;
	}
}

/***************************
アニメーション
***************************/
.objOpa10{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa10.mov{
	opacity:1;
	transition: all 1.0s 0s ease;-webkit-transition: all 1.0s 0s ease;
}
.objOpa15{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa15.mov{
	opacity:1;
	transition: all 1.5s 0s ease;-webkit-transition: all 1.5s 0s ease;
}
.objOpa20{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa20.mov{
	opacity:1;
	transition: all 2.0s 0s ease;-webkit-transition: all 2.0s 0s ease;
}
.objOpa30{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa30.mov{
	opacity:1;
	transition: all 3.0s 0s ease;-webkit-transition: all 3.0s 0s ease;
}
.objOpa40{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa40.mov{
	opacity:1;
	transition: all 4.0s 0s ease;-webkit-transition: all 4.0s 0s ease;
}


.objOpa10_1{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa10_1.mov{
	opacity:1;
	transition: all 1.0s 0.1s ease;-webkit-transition: all 1.0s 0.1s ease;
}
.objOpa15_1{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa15_1.mov{
	opacity:1;
	transition: all 1.5s 0.1s ease;-webkit-transition: all 1.5s 0.1s ease;
}
.objOpa20_1{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa20_1.mov{
	opacity:1;
	transition: all 2.0s 0.1s ease;-webkit-transition: all 2.0s 0.1s ease;
}
.objOpa30_1{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa30_1.mov{
	opacity:1;
	transition: all 3.0s 0.1s ease;-webkit-transition: all 3.0s 0.1s ease;
}
.objOpa40_1{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa40_1.mov{
	opacity:1;
	transition: all 4.0s 0.1s ease;-webkit-transition: all 4.0s 0.1s ease;
}


.objOpa10_2{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa10_2.mov{
	opacity:1;
	transition: all 1.0s 0.2s ease;-webkit-transition: all 1.0s 0.2s ease;
}
.objOpa15_2{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa15_2.mov{
	opacity:1;
	transition: all 1.5s 0.2s ease;-webkit-transition: all 1.5s 0.2s ease;
}
.objOpa20_2{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa20_2.mov{
	opacity:1;
	transition: all 2.0s 0.2s ease;-webkit-transition: all 2.0s 0.2s ease;
}
.objOpa30_2{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa30_2.mov{
	opacity:1;
	transition: all 3.0s 0.2s ease;-webkit-transition: all 3.0s 0.2s ease;
}
.objOpa40_2{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa40_2.mov{
	opacity:1;
	transition: all 4.0s 0.2s ease;-webkit-transition: all 4.0s 0.2s ease;
}


.objOpa10_3{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa10_3.mov{
	opacity:1;
	transition: all 1.0s 0.3s ease;-webkit-transition: all 1.0s 0.3s ease;
}
.objOpa15_3{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa15_3.mov{
	opacity:1;
	transition: all 1.5s 0.3s ease;-webkit-transition: all 1.5s 0.3s ease;
}
.objOpa20_3{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa20_3.mov{
	opacity:1;
	transition: all 2.0s 0.3s ease;-webkit-transition: all 2.0s 0.3s ease;
}
.objOpa30_3{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa30_3.mov{
	opacity:1;
	transition: all 3.0s 0.3s ease;-webkit-transition: all 3.0s 0.3s ease;
}
.objOpa40_3{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa40_3.mov{
	opacity:1;
	transition: all 4.0s 0.3s ease;-webkit-transition: all 4.0s 0.3s ease;
}


.objOpa10_4{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa10_4.mov{
	opacity:1;
	transition: all 1.0s 0.4s ease;-webkit-transition: all 1.0s 0.4s ease;
}
.objOpa15_4{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa15_4.mov{
	opacity:1;
	transition: all 1.5s 0.4s ease;-webkit-transition: all 1.5s 0.4s ease;
}
.objOpa20_4{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa20_4.mov{
	opacity:1;
	transition: all 2.0s 0.4s ease;-webkit-transition: all 2.0s 0.4s ease;
}
.objOpa30_4{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa30_4.mov{
	opacity:1;
	transition: all 3.0s 0.4s ease;-webkit-transition: all 3.0s 0.4s ease;
}
.objOpa40_4{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa40_4.mov{
	opacity:1;
	transition: all 4.0s 0.4s ease;-webkit-transition: all 4.0s 0.4s ease;
}


.objOpa10_5{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa10_5.mov{
	opacity:1;
	transition: all 1.0s 0.5s ease;-webkit-transition: all 1.0s 0.5s ease;
}
.objOpa15_5{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa15_5.mov{
	opacity:1;
	transition: all 1.5s 0.5s ease;-webkit-transition: all 1.5s 0.5s ease;
}
.objOpa20_5{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa20_5.mov{
	opacity:1;
	transition: all 2.0s 0.5s ease;-webkit-transition: all 2.0s 0.5s ease;
}
.objOpa30_5{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa30_5.mov{
	opacity:1;
	transition: all 3.0s 0.5s ease;-webkit-transition: all 3.0s 0.5s ease;
}
.objOpa40_5{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa40_5.mov{
	opacity:1;
	transition: all 4.0s 0.5s ease;-webkit-transition: all 4.0s 0.5s ease;
}


.objOpa10_6{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa10_6.mov{
	opacity:1;
	transition: all 1.0s 0.6s ease;-webkit-transition: all 1.0s 0.6s ease;
}
.objOpa15_6{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa15_6.mov{
	opacity:1;
	transition: all 1.5s 0.6s ease;-webkit-transition: all 1.5s 0.6s ease;
}
.objOpa20_6{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa20_6.mov{
	opacity:1;
	transition: all 2.0s 0.6s ease;-webkit-transition: all 2.0s 0.6s ease;
}
.objOpa30_6{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa30_6.mov{
	opacity:1;
	transition: all 3.0s 0.6s ease;-webkit-transition: all 3.0s 0.6s ease;
}
.objOpa40_6{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa40_6.mov{
	opacity:1;
	transition: all 4.0s 0.6s ease;-webkit-transition: all 4.0s 0.6s ease;
}



.objOpa10_8{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa10_8.mov{
	opacity:1;
	transition: all 1.0s 0.8s ease;-webkit-transition: all 1.0s 0.8s ease;
}
.objOpa15_8{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa15_8.mov{
	opacity:1;
	transition: all 1.5s 0.8s ease;-webkit-transition: all 1.5s 0.8s ease;
}
.objOpa20_8{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa20_8.mov{
	opacity:1;
	transition: all 2.0s 0.8s ease;-webkit-transition: all 2.0s 0.8s ease;
}
.objOpa30_8{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa30_8.mov{
	opacity:1;
	transition: all 3.0s 0.8s ease;-webkit-transition: all 3.0s 0.8s ease;
}
.objOpa40_8{
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
.objOpa40_8.mov{
	opacity:1;
	transition: all 4.0s 0.8s ease;-webkit-transition: all 4.0s 0.8s ease;
}


#privBox .objLeft1{
	/*-webkit-filter: blur(5px);
    filter: blur(5px);*/
	position:relative;
	/*left:-10px;*/
	left:0px;
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
#privBox.mov .objLeft1{
	/*-webkit-filter: blur(0);
    filter: blur(0);*/
	left:0px;
	opacity:1;
	transition: all 0.8s 0.2s ease;-webkit-transition: all 0.8s 0.2s ease;
}
#privBox .objRight1{
	/*-webkit-filter: blur(5px);
    filter: blur(5px);*/
	position:relative;
	/*left:10px;*/
	left:0px;
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
#privBox.mov .objRight1{
	/*-webkit-filter: blur(0);
    filter: blur(0);*/
	left:0px;
	opacity:1;
	transition: all 0.8s 0.4s ease;-webkit-transition: all 0.8s 0.4s ease;
}
#privBox .objOr{
	/*-webkit-filter: blur(5px);
    filter: blur(5px);*/
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
#privBox.mov .objOr{
	/*-webkit-filter: blur(0);
    filter: blur(0);*/
	opacity:1;
	transition: all 0.8s 0.4s ease;-webkit-transition: all 0.8s 0.4s ease;
}
#privBox .objPlus{
	/*-webkit-filter: blur(5px);
    filter: blur(5px);*/
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
#privBox.mov .objPlus{
	/*-webkit-filter: blur(0);
    filter: blur(0);*/
	opacity:1;
	transition: all 0.8s 0.4s ease;-webkit-transition: all 0.8s 0.4s ease;
}
#privBox .objBottom1{
	/*-webkit-filter: blur(5px);
    filter: blur(5px);*/
	position:relative;
	/*bottom:-10px;*/
	bottom:0px;
	opacity:0;
	transition: all 0s 0s ease;-webkit-transition: all 0s 0s ease;
}
#privBox.mov .objBottom1{
	/*-webkit-filter: blur(0);
    filter: blur(0);*/
	bottom:0px;
	opacity:1;
	transition: all 0.8s 0.4s ease;-webkit-transition: all 0.8s 0.4s ease;
}
@media screen and (max-width: 644px) {
	#privBox .objLeft1{
		left:0px;
	}
	#privBox .objRight1{
		left:0px;
	}
	#privBox .objBottom1{
		bottom:0px;
	}
}








/***************/