@charset "utf-8";

:root {
	--key-color: #2ea7e1;
	--key-color-pale: #9dd6f1;
	--sub-color: #7ac943;
	--attention-color: #f78200;;
	--font-color: #333;
	--base-color-light: #f6f6f6;
	--footerbase-color: #f9f4d5;
	--font-got-jp: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Std W3", Osaka;
	--dropshadow: filter: drop-shadow(8px 8px 8px rgba(0,0,0,.1));
	--bg-color-palegray: #efefef;
	--border-color-darkgray: #aaaccc;
	--border-color-gray: #e8ecf9;
	--border-color-img: #e6e6e6;
	--border-color-section: #7f7e7e;
	--label-padding: 16px;
	--label-padding-double: 32px;
}

*{
	margin:0;
	padding:0;
	text-decoration:none;
	outline: none
}

html{
	margin: 0;
}

h1,h2,h3,h4,h5,ul,il,
dl
 {
	margin: 0;
	padding: 0;
}

	em, strong{
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}

img{ 
	border: none;
	vertical-align:middle;
}

address,
article,
aside,
button,
details, 
dd,
dl,
dt,
figcaption, 
figure,
footer,
header,
menu,
main,
nav,
picture,
section
{
	display:block;
	margin: 0;
	padding: 0;
}

body{
	min-width:320px;
	font-family: var(--font-got-jp);
	-webkit-text-size-adjust: none;
	color:var(--font-color);
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Std W3",Osaka, "Trebuchet MS",Verdana,Arial,Helvetica, sans-serif;
	font-size:93%;
	line-height:1.66em;
	text-decoration:none;
	/* background:#f6f6f6; */
	-webkit-text-size-adjust:none;
}

table{
    border-collapse:collapse;
	border:none;
	word-wrap:break-all;
	/*word-break:break-all;*/
	display:block;
}

em, 
strong,
i
{
	text-decoration:none;
	font-style:normal;
	font-weight: normal;
}

a, a:link, a:visited{
	text-decoration:none;
	color:#f78200;
	outline:none;
}

a:link:hover{
	color:#ff3c4a;
}

.dropShadow{
	box-shadow:0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.3);
}

@media only screen and (max-width: 768px){

	.simulatorBox .spinner input
	{
		  font-size:11vw;
		  font-size:8vw;
		  /* transform: scale(0.7); */
	}
	
	.simulatorBox .selectBox .box2{
		padding: 0;
	}

	
/* スマホの拡大対策 */	

	.simulatorBox  .subject
	{
		  transform: scale(0.8);
	}

	.simulatorBox #step4 .subject
	{
		  /* transform: scale(1); */
	}
	
	html {
	  touch-action: manipulation;
	  touch-action: pan-x | pan-y;
	}
	
}