html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.2;
font-family: 'Noto Sans CJK JP', 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', Meiryo, ���C���I, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
 

.demo	{
	border-radius: 20px;		
	-webkit-border-radius: 20px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 20px;	/* Firefox�p */
	background-color:#FFFFFF;
	width: 90%;
	margin:10px auto;
	padding:20px;
	margin-top:36px;
	font-size: 140%;
	min-height: 100%;
}

.comfirmdemo	{
	border-radius: 20px;		
	-webkit-border-radius: 20px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 20px;	/* Firefox�p */
	background-color:#FFFFFF;
	width:80%;
	margin:10px auto;
	padding:20px;
	margin-top:36px;
}

.thanksdemo	{
	border-radius: 10px;		
	-webkit-border-radius: 10px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 10px;	/* Firefox�p */
	width:80%;
	margin:10px auto;
	margin:10px auto;
	padding:20px;
	margin-top:36px;
}

.thanksfoot	{
	border-radius: 20px;		
	-webkit-border-radius: 20px;	/* Safari,Google Chrome�p */
	-moz-border-radius: 20px;	/* Firefox�p */
	background-color:#FFFFFF;
	margin:100px auto;
	padding:20px;
	margin-top:36px;
}

.green, .conmfgreen{
	margin-top:30px;
	color:#00B900;
	line-height:1.5;
}

.green	{
	font-size: 150%;
}


.conmfgreen{
	font-size: 300%;
}

.default,.comfdefault{
	color:#333333;
	font-size: 70%;
	margin-top:30px;
	line-height:1.5;
}

.default{
	font-size: 70%;
}

.comfdefault{
	font-size: 140%;
    max-height: 100%;
}

.error{
	color:#FF0000;
	font-size: 180%;
	margin-top:5px;
	line-height:1.5;
}

.placeholder{
	color:#C0C0C0;
	font-size: 70%;
	margin-top:5px;
	line-height:1.5;
}

input.textbox{
	border-color:#00B900;
	margin-top:20px;
	width:90%;
	height:120px;
	font-size:250%;
	padding-left:10px;
	border-width:3px;
}

.textbox.error{
	border-color:FF0000;
	margin-top:20px;
	width:90%;
	height:120px;
	font-size:250%;
	padding-left:10px;
	background-color:#F0C0C0;
	border-width:3px;
}


.pulldown{
	border-color:#00B900;
	margin-top:20px;
	width:90%;
	height:120px;
	font-size:250%;
	padding-left:10px;
	color:#C0C0C0;
	border-width:3px;
}

.pulldown.error{
	border-color:#FF0000;
	margin-top:20px;
	width:90%;
	height:120px;
	font-size:250%;
	padding-left:10px;
	background-color:#F0C0C0;
	border-width:3px;
	color:#C0C0C0;
}

.inpulldown{
	font-size:50%;
	color:#000000;}

.image{
	margin-top:30px;
}

.checkbox{
	width:40px;
	height:40px;
}

.comfirmtxt{
	border-color:#00B900;
	background-color:#FAFAFA;
	margin-top:20px;
	width:90%;
	font-size:300%;
	padding:30px 10px;
}

.thankstop{
	color:#FFFFFF;
	margin-top:10px;
	font-size:450%;
	line-height:1.5;
	font-weight:700;
	padding-left:20px;
}

.thanksl{
	color:#FFFFFF;
	margin-top:20px;
	font-size:190%;
	line-height:1.5;
}

.thankss{
	color:#FFFFFF;
	margin-top:20px;
	font-size:80%;
	line-height:1.5;
}


.sorryl{
	color:#333333;
	margin-top:110px;
	font-size:200%;
	line-height:1.5;
	font-weight:700;
}

.sorrys{
	color:#333333;
	margin-top:100px;
	font-size:180%;
	line-height:1.5;
}

input::-webkit-input-placeholder {
    color: #C0C0C0;
}
input:-moz-placeholder {
    color: #C0C0C0;
}
input::-moz-placeholder {
    color: #C0C0C0;
}
input:-ms-input-placeholder {
    color: #C0C0C0;
}


/* ���[�_���E�B���h�E��css�ݒ� */
/* ��ԏ�ɕ\��������div */
#modal-content{
	z-index:2;
	display:none;
	position:fixed;
	left: -webkit-calc(50% - 45%);
	top:20%;
	width:85%;
	height:auto;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	border-radius: 20px;
}
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(51,51,51,0.6);
	margin-top:0px;
	
}

.modaltext{
	color:#333333;
	font-size: 150%;
	width:80%;
	line-height:1.5;
	text-align:left;
	margin-top:20px;
}

/* 仕様変更により未使用 */
.idinput{
    color:#E3007F;
    margin-top:10px;
    font-size:70%;
}
.header_red {
  width:100%;
  position: relative;
}
.header_red span {
  color: #ffffff;
  width:100%;
  -ms-transform: translate(0%,-150%);
  -webkit-transform: translate(0%,-150%);
  transform: translate(0%,-150%);
  margin:0;
  padding:0;
  font-size:200%;
  text-align:center;
  position: absolute;
}

.header_yellow{
  width:100%;
  position: relative;
  background-image: url(../images/header_yellow.png);
  height: 43px;
  background-position-y: no-repeat;
}

.header_yellow p{
  text-align: center;
  top: 8px;
}

.policy{
  padding: 30px 30px;
}

.policy-txt{
  margin-top: 20px;
  line-height: 30px;
}

.footer-cp-wr {
   text-align: center;
   font-family: 'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6';
   font-size: 10px;
   color: rgb(255, 255, 255);
   padding: 50px 0;
}