@charset "utf-8";
/* default */

html, body, div, section, p, b, i, a, strong, em, span, abbr, dl, dt, dd, aside, figure, time, i, form, input, label, select, small, sup, sub, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6 { box-sizing: border-box; padding: 0; margin: 0; font-size: 100%; list-style: none; }

body { font-family: Hiragino Kaku Gothic Pro, sans-serif; font-size: clamp(16px, 3.68vw, 24px); line-height: 180%; text-align:center; margin:0 auto; background: #FFFBF9;}

img { max-width: 100%; height: auto; }
a {color:inherit;}
a:hover {opacity:0.5;}

/* header */

header {border-top:#EDCC41 20px solid; border-bottom:#EDCC41 20px solid;}
header img {width:100%;}

/* Contents */


.pc {display: none;}
.sp {display: block;}

strong { color:#E8004F; }
strong.blue { color:#008dcb; }
.uline {background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #FFF457 0%) repeat scroll 0 0;}

.Contents {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:2.5em 1.5em 0 1.5em;
	text-align:center;
}

.lead {
	text-align:center;
	word-wrap: break-word;
	margin-bottom: 2.5em;
}

.tx-end { text-align:left;	word-wrap: break-word;	margin-bottom: 2em;color:#E81212; font-weight: bold; font-size: 140%; border:#E81212 2px solid; padding:1em 0.7em 1em 1em ; line-height: 145%; }
.summary { margin:2em auto 0 auto; }
h2 { padding:  0;}
h2.selectEntry {
	color:#F15A24;
	font-family: "fot-chiaro-std", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:190%;
	margin-bottom:0.5em;
	line-height: 120%;
}
h2 img { margin:  0 !important;}

.selectSNS {padding:30px 0 30px 0; border-top:1px #000 solid; border-bottom:1px #000 solid;}
.account { display: block; margin-top:1em; }
.accountPreWrap { background-color:#FFF; padding:0.3em; margin-bottom: 2em; border:#CAA977 3px solid; box-shadow: 0px 0px 8px #999; }
.accountPresent {
	display: block;
	background-image:url("images/present_top.png"), url("images/present_bottom.png");
	background-position: top, bottom;
	background-repeat: no-repeat, no-repeat;
	background-size:contain,contain;
}

.accId {
	padding:0.5em 1em;
	font-weight: bold;
}

.accIdPre {
	padding:1.5em;
	font-weight: bold;
}

.sch {margin:2em auto 0 auto;}
.noborder{ border:none; }
.attention { font-size: 85%; line-height:160%; margin-top:1.5em; /*text-align:left; text-indent: -1.5em; padding-left: 1.5em;*/ }
.snsLink {padding:1em 0 1em 0; border-top:1px #000 solid; border-bottom:1px #000 solid; margin:1em auto;}


/* guideline */

h3 {
	background:#006108;
	border-radius: 8px;
	color: #FFF;
	font-size:120%;
	padding:0.7em 0.5em;
	margin-bottom:1em;
	/*margin-left:0.5em;*/
	position:relative;
}
h3 span {
	position: absolute;
	top:-0.8em;
	left:-2em;	
}
h3 span img { width:70%; }

.guideline .box {
	max-height: 200px;
	border: 1px solid #000;
	/*overflow-y: auto;*/
	text-align:left;
	padding:1.5em 1.5em 1.5em 1em;
	margin-bottom:2em;
	font-size: 80%;
	line-height: 160%;
}

.simplebar-scrollbar::before {
    background: #EDCC41 !important;
    border-radius: 20px;
	height:40px;
}

.simplebar-track {
    background-color: #fff;
}

.simplebar-track.simplebar-vertical {
	width: 20px !important;
}

.snsSelect {
	background:#EDCC41;
	padding:30px 0;
	position: relative;
	margin-top:6em;
}

.snsSelect::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(images/img_footerL.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -100px;
  left: -30px;
  width:225px;
  height:125px;
}

.snsSelect::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(images/img_footerR.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -85px;
  right: 0;
  width:245px;
  height:105px;
}

@media screen and (min-width: 640px) {

.sp {display: none;}
.pc {display: block;}
header p { font-size: 160%; }
.lead {	padding:0 1.5em; }
.tx-end { text-align: center; padding-right:1em !important; padding-left:1em !important; }
h2.selectEntry {margin-top:1em;}
.account,
.accountPresent { display: flex; justify-content: center; }
.accountPresent { padding-top:3.5em; }
.accId,
.accIdPre	{ width:40%; }
.attention { font-size: 75%; text-align: center; }
.snsLink {width:60%;}

h3 span { position: absolute; top:-0.8em; left:-1em; }
h3 span img { width:100%; }
	
.guideline .box {max-height:350px; margin-bottom:4em; font-size: 70%; line-height: 160%;}
.snsSelect {padding:80px 0;}
.snsSelect::before {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(images/img_footerL.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -158px;
  left: -10px;
  width:360px;
  height:200px;
}

.snsSelect::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(images/img_footerR.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -165px;
  right: 0;
  width:466px;
  height:200px;
}
}