* {
  margin: 0;
}

body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#333333;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dt, dd, th, td {
	font-style : normal;
	font-weight: normal;
	line-height:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height:0;
}

h1 img{
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}

a:link{ text-decoration:underline;color:#000060;}

a:visited{ text-decoration:underline;color:#202020;}

a:hover { text-decoration:none; color:#000060;}

a:active{ text-decoration:underline;color:#000060;}


a .footer {text-decoration: underline; color: #202020;}

a .footer:visited{text-decoration: underline; color: #202020;}

a .footer:hover{text-decoration: none; color: #202020;}

a .footer:active{text-decoration: none; color: #202020;}

.P8 {  font-size: 8px; line-height: 150%; }
.P9 {  font-size: 9px; line-height: 150%; }
.P10 {  font-size: 10px; line-height: 150%; }
.P10l {  font-size: 10px; line-height: 200%; }
.P11 {  font-size: 11px; line-height: 150%; }
.P11e {  font-size: 11px; font-weight:bold; line-height: 150%; }
.P12n {  font-size: 12px; line-height: 150%; left: -12; position: relative; }
.P12s {  font-size: 12px; line-height: 150%; left: -18; position: relative; }
.P12 {  font-size: 12px; line-height: 150%; }
.P12l {  font-size: 12px; line-height: 200%; }
.P12e {  font-size: 12px; font-weight:bold; line-height: 150%; letter-spacing: 2px;}
.P13 {  font-size: 13px; line-height: 150%; }
.P13e {  font-size: 13px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P14 {  font-size: 14px; line-height: 150%; }
.P14e {  font-size: 14px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P15 {  font-size: 15px; line-height: 150%; }
.P15e {  font-size: 15px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P16 {  font-size: 16px; line-height: 150%; }
.P16e {  font-size: 16px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P17 {  font-size: 17px; line-height: 150%; }
.P18 {  font-size: 18px; line-height: 150%; }
.P18e {  font-size: 18px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P19 {  font-size: 19px; line-height: 150%; }
.P20 {  font-size: 20px; line-height: 150%; }
.P20e {  font-size: 20px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P21 {  font-size: 21px; line-height: 150%; }
.P22 {  font-size: 22px; line-height: 150%; }
.P22e {  font-size: 22px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P23 {  font-size: 23px; line-height: 150%; }
.P24 {  font-size: 24px; line-height: 150%; }
.P24e {  font-size: 24px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P28 {  font-size: 28px; line-height: 150%; }
.P28e {  font-size: 28px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P36 {  font-size: 36px; line-height: 150%; }
.P36e {  font-size: 36px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}
.P48 {  font-size: 48px; line-height: 150%; }
.P48e {  font-size: 48px; font-weight:bold; line-height: 150%; letter-spacing: 3px;}


.red { color:#ff0000; }
.blue { color:#0092D5; }
.navy { color:#00077A; }
.orange { color:#FFA000; }
.white { color:#ffffff; }
.light-gray { color:#818181; }
.black { color:#000000; }


input {
font-size:36px;
border: 1px solid #cccccc;
}

textarea {
font-size:36px;
width: 100%;
height: 10em;
background-color: #ffffff;
}

input.red {
font-size:36px;
background-color: #ffe7e7;
}


input.sp {
font-size:36px;
width: 100%;
height: 2em;
}

input.sp1 {
font-size:36px;
width: 50%;
height: 2em;
}

input.sp2 {
font-size:36px;
width: 100%;
height: 10em;
}


textarea{
font-size:36px;
    width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
border: 1px solid #cccccc;
}


input[type="button"]{
    font-size: 2.0em;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 1px solid #333;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 350px;
	padding: 20px 0;
}


input#submit_button {
    font-size: 2.0em;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 1px solid #333;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 200px;
	padding: 20px 0;
}

input#reset_button {
    font-size: 2.0em;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 1px solid #333;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 200px;
	padding: 20px 0;
}


.google-maps {
position: relative;
text-align: center;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
text-align: center;
padding: 0;
margin: 0 auto;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


.box100 {
  width: 100%;
}
 
.box50 {
  width: 50%;
}
 
.width100,
.width50 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
 
.width100 {
  width: 100%;
}
 
.width50 {
  width: 50%;
}



.radio02 label {
	padding: 0 0 0 24px;	/* ラベルの位置 */
	font-size: 36px;
	line-height: 36px;		/* ボタンのサイズに合わせる */
	display: inline-block;
	cursor:	pointer;
	position: relative;
}
.radio02 label:before {
	content: '';
	width: 28px;		/* ボタンの横幅 */
	height: 28px;		/* ボタンの縦幅 */
	position: absolute;
	top: 0;
	left: 0;
	background-color: #00f;
	border-radius: 50%;
}
.radio02 input[type="radio"] {
	display: none;
}
.radio02 input[type="radio"]:checked + label:after {
	content: '';
	width: 12px;		/* マークの横幅 */
	height: 12px;		/* マークの縦幅 */
	position: absolute;
	top: 9px;
	left: 9px;
	background-color: #fff;
	border-radius: 50%;
}


input[type="radio"],
input[type="checkbox"] {
    -ms-transform: scale(10);
    transform: scale(10);
    margin-right: 10px;
}