@charset "UTF-8";
/*------------------------------------------------------------
	サイト幅でセンタリング
------------------------------------------------------------*/
/*------------------------------------------------------------
	breakpoint
------------------------------------------------------------*/
/*------------------------------------------------------------
	フォント
------------------------------------------------------------*/
/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
/*------------------------------------------------------------
	Other
------------------------------------------------------------*/
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.sns .txt {
	max-width: 865px;
	margin: 0 auto;
}
.sns .mapBg {
	margin-bottom: 14px;
	padding-top: 65px;
	background: url(../img/privacy/photo01.png) no-repeat right -12px top;
   	background-size: 620px auto;
   	min-height: 300px;
   	box-sizing: border-box;
}
.sns ul {
	margin-bottom: 40px;
}
.sns .subList.bottom {
	margin-bottom: 0;
}
.sns ul li {
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.67;
}
.sns .subList li {
	margin-left: 1.2em;
	text-indent: -0.55em;
}
.sns .topTxt {
	margin-bottom: 0;
}
.sns .topTxt.bottom {
	margin-bottom: 37px;
}
.sns .blue {
	color: #0070B6;
	text-decoration: underline;
}
@media screen and (min-width: 897px) {
	.sns {
		margin-bottom: 245px;
	}
	.sns a:hover {
		text-decoration: underline;
	}
	.sns .blue:hover {
		text-decoration: none;
	}
}
.sns .specTxt {
	margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
	.sns .mainImg {
		margin-bottom: 8px;
	}
	.sns .mapBg {
		min-height: 48.4375vw;
		padding: 50px 12px 44px;
		margin: 0;
		background-position: center top 14px;
		background-size: 81.6% auto;
  	}
	.sns .mainBox {
		margin-bottom: 31px;
	}
	.sns .headLine02 {
		line-height: 1.26;
	}
}

.sns p {
  margin-bottom: 40px;
  line-height: 1.67;
  text-align: left;
  font-feature-settings: "palt";
  word-wrap: break-word;
}

.sns p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 896px) {
  .sns p {
    margin-bottom: 27px;
  }
}

@media screen and (max-width: 896px) {
  .sns .mainBox::after {
	width: 42.2%;
    height: 621px;
    background-color: #F4F5F7;
    transform-origin: right top;
    transform: skew(-32deg);
    position: absolute;
	top: -178px;
    right: -197px;
    content: "";
    z-index: -1;
    mix-blend-mode: multiply;
  }
}

@media screen and (min-width: 375px)and (max-width: 896px) {
	.sns .mainBox::after {
		top: -52px;
	}
}