@charset "utf-8";
/* CSS Document */




/*メインイメージ*/
.parallaxParent {
    height: 400px;
    overflow: hidden;
    position: relative;
	margin-top: -12px;
}
.parallaxParent #img_url{
	width: auto;
    height: 100%;
    background-image: url(../img/service/main_img.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    top: auto;
	bottom: 348px;
}


/**********/
.para_sizing{
	text-align: center;
}

/*各エリアの設定*/
#ttl_SERVICE{
	 position: relative;
    top: 165px;
}

/*タイトル*/
h1.ttl_main{
	font-size: 45px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.17em;
	text-align: center;
}
.ttl_main.white{
	color: #ffffff;
}
h1.ttl_ja{
	font-size: 20px;
	line-height: 1em;
	color: #1d50a2;
	padding-top: 15px;
	text-align: center;
}
.ttl_ja.white{
	color: #ffffff;
}
/**********************/
.sub_ttl{
	font-size: 25px;
	line-height: 1em;
	padding-bottom: 20.5px;
}
.sub_ttl.white{
	color: #ffffff;
}
.txt{
	font-size: 15px;
	line-height: 2em;
	width: 730px;
	margin: 0 auto;
}
.txt.white{
	color: #ffffff;
}


/*本文*/
/*枠*/
.panel{
	margin-top: -110px; /* 固定ナビの高さ分のネガティブマージン */
 	padding-top: 110px; /* 打ち消し用のパディング */
}
.panel#service_01{}
.panel#service_02{}
.panel#service_03{}

/*本文*/
.txt_wrap{
	padding: 0 0 120px 0; 
}

/*----------ASP----------*/
h2.asp_intro{
	font-size: 28px;
	color: #1D50A2;
	margin: 0 0 18px;
	letter-spacing: 0.15em;
}
p.intro_txt{
	width: 1000px;
	margin: 0 auto 95px;
	line-height: 2em;
	font-size: 15px;
}

/*入会ASP*/
.asp01_wrap{
	background: url(../img/service/asp01_bg.jpg) right no-repeat #F0EFEB;
	height: 548px;
	margin: 0 0 30px;
}
.asp01_wrap img{
	margin: 20px 0 0;
}
/*KIOSKアプリ*/
.asp02_wrap{
	background: url(../img/service/asp02_bg.jpg) left no-repeat #CACFDD;
	height: 411px;
	margin: 0 0 30px;
}
.txt_asp02{
	color: #fff;
}
/*入退館メール送信ASP*/
.asp03_wrap{
	background: url(../img/service/asp03_bg.jpg) right no-repeat #F1F2EE;
	height: 411px;
	margin: 0 0 30px;
}

/*ASP01〜03共通*/
.no_box{
	margin: 0 auto;
	width: 80px;
	height: 80px;
	background: #1d50a2;
	font-size: 28px;
	font-weight: 500;
	line-height: 80px;
	color: #fff;
	letter-spacing: 0.17em;
}
h3.asp_ttl{
	font-size: 28px;
	font-weight: 500;
	color: #1d50a2;	
	letter-spacing: 0.16em;
	margin: 28px 0 10px;
}
p.asp_txt{
	width: 650px;
	margin: 0 auto;
	line-height: 2em;
	text-align: justify;
}
/*入会aspテキスト詰め*/
.tsume{
	letter-spacing: 0em;
}
/**/
p.asp_last_txt{
	font-size: 14px;
}

h2.sophos_ss_intro{
	font-size: 28px;
	color: #1D50A2;
	margin: 140px 0 43px;
	letter-spacing: 0.15em;
}
/*----------SOPHOS----------*/
.sophos_wrap{
	height: 450px;
	background: #0069B7;
}
.sophos_wrap h3 img.logo{
	margin: 150px 0 40px;
}
.sophos_wrap img.logo .btn{
		text-align: center;
	}

/*----------Shield Share----------*/
.ss_wrap{
	height: 450px;
	background: #EFEFEF;
}
.ss_wrap img.logo{
	margin: 57px 0 44px;
}

/*ボタン*/
/*透過
.btn_more.alpha{
	background-color:transparent !important;
}*/
/*js用*/
#btn_SOPHOS .hvr-sweep-to-right:before{
	background-color: #fff!important;
	border: solid 1px #fff;
	color: #1d50a2;
	background-image: url("../img/icon_arrow_r.png")!important;
	background-repeat: no-repeat!important;
	background-position: 333px center!important;
}
#btn_SHIELDSHARE .hvr-sweep-to-right:before{
	background-color: #1d50a2!important;
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/icon_arrow_r_white.png")!important;
	background-repeat: no-repeat!important;
	background-position: 333px center!important;
}
/*sophos*/
.btn_sophos_site{
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #fff;
	padding: 1em;
	width: 380px;
	text-align: center;
	background-image: url("../img/icon_arrow_r_white.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_sophos_site:hover{
	border: solid 1px #fff;
	color: #1d50a2!important;
	background-image: url("../img/icon_arrow_r_white.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_sophos_site.alpha{
	background-color:transparent;
}
/*Shield Share*/
.btn_ss_site{
	color: #1d50a2;
	font-size: 16px;
	letter-spacing: 0.25em;
	border: solid 1px #1d50a2;
	padding: 1em;
	width: 380px;
	text-align: center;
	background-image: url("../img/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_ss_site:hover{
	border: solid 1px #1d50a2;
	color: #ffffff;
	background-image: url("../img/icon_arrow_r.png");
	background-repeat: no-repeat;
	background-position: 333px center;
}
.btn_ss_site.alpha{
	background-color:transparent;
}