@charset "UTF-8";

.contntBox01 {
  padding: 25px 0 0;
  border-top: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .contntBox01 {
    font-size: 13px;
    padding: 15px 0 0;
  }
}

/* テーブル */
.contntBox01 table {
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

.contntBox01 tr:last-child th,
.contntBox01 tr:last-child td {
  border-bottom: 1px solid #dbdbdb;
}

.contntBox01 th,
.contntBox01 td {
  padding: 20px;
  border-top: 1px solid #dbdbdb;
  word-break: break-all;
}

.contntBox01 th {
  background: #fafafb;
  vertical-align: middle;
}

/* SP時スクロール可能 */
.scrollBox01 {
	position: relative;
	overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .scrollBox01 {
	overflow-x: scroll;
  }
}

/* 送信先と利用目的テーブル */
.contntBox01 .howtouse th {
  padding: 10px 20px;
  font-weight: bold;
  white-space: nowrap;
}

.contntBox01 .howtouse td {
  font-size: 13px;
}
.contntBox01 .howtouse td:nth-child(1) {
  font-size: 16px;
  text-align: center;
}
.contntBox01 .howtouse td:nth-child(2) {
    padding: 20px 15px 20px 10px;
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	.contntBox01 .howtouse th {
		padding: 15px;
	}
	.contntBox01 .howtouse td {
		padding: 15px;
		font-size: 10px;
	}
	.contntBox01 .howtouse td:nth-child(1) {
		font-size: 13px;
	}
	.contntBox01 .howtouse td:nth-child(2) {
		padding: 15px 10px 15px 5px;
	}
	.contntBox01 .howtouse th:nth-child(3) {
		min-width: 120px;
	}
}

/* スクロールできます */
.scrollable {
	position: absolute;
	display:flex;
	align-items: flex-end;
	width: 200px;
	height: 200px;
	top:calc((100% - 200px) / 2);
	left:calc((100% - 200px) / 2);
	border-radius: 10px;
	background: rgba(0,0,0,.5) url(/init/privacy-policy/images/arrow-right.png) no-repeat center center;
	opacity: 0;
}
.scrollable div{
	width:100%;
	padding: 20px;
	text-align: center;
	font-size:9px;
	font-weight:bold;
	color:#fff;
}
@media screen and (min-width: 768px) {
	.scrollable{
		display: none;
	}
}


/* その他 */
.u-mb-25{ margin-bottom: 25px; }
.u-mb-35{ margin-bottom: 35px; }
.font-bold{ font-weight: bold; }
.site-list{ word-break: break-all; }
.underline {
    text-decoration: underline;
}