html, body {
	height:100%;
	font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif ;
}

.popup_wrapper {
	margin:20px 50px 0;
}

h1 {
	font-size:18px;
	margin-bottom:5px;
}

h2 {
	font-size:12px;
	margin-bottom:5px;
}

.lead {
	font-size:13px;
	border: 1px dotted #999;
	padding:10px 20px;
	margin:15px auto 20px;
}

.checkboxItem {
  display: flex;
  align-items: center;
  column-gap: 4px;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}

.checkboxItem:not(:last-of-type) {
  margin-bottom: 16px;
}

.checkbox {
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #06b6d4;
  border-radius: 2px;
  cursor: pointer;
}

.checkbox:checked {
  background-color: #06b6d4;
}

.checkbox:checked::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  width: 12px;
  height: 6px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg);
}


/*============================================================
 		以下メディアクエリ
==============================================================*/


@media screen and (max-width: 779px) { /* 779px以下（wrapperの幅以下）に適用　タブレット用 */
.popup_wrapper {
	margin:20px 20px 0;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:11px;
}
.lead {
	font-size:13px;
	padding:10px;
}
.rg-caption p {
	font-size:10px;
	line-height:1.2;
}

}	/*@media	タブレット用 */


@media screen and (max-width: 414px) { /* 414px（iPhone 7 Plus）以下に適用  スマホ用*/
.popup_wrapper {
	margin:20px 10px 0;
}
h1 {
	font-size:15px;
}
h2 {
	font-size:10px;
}
.lead {
	font-size:11px;
	padding:5px;
}

}	/*@media	スマホ用 */