@media screen and (max-width:460px) {
	article{width:100%;margin:0px auto 40px;color:#444444;}
	h1{font-size:1.5rem;text-align:center;margin-bottom:60px;}
	#h1_under{display:inline-block;width:100%;font-size:1.35rem;}
	#big_sec0_p{margin-top:2rem;font-size:1.05rem;}
	.big_sec{width:100%;margin:30px auto;font-size:1.05rem;}

	h2{font-size:1.25rem;}h3{font-size:1.13rem;text-align:center;}

	#usage_wrapper{width:100%;overflow-x: scroll;margin:0;}
    #usage{width:950px;margin:0;} #usage img{width:910px;height:310.29px;}
    .small{font-size:1rem;}

	ol li  {list-style: none; padding-left: 1rem; text-indent: -1rem;}
	#measurement_wrapper figure{width:300px;margin:0;}#measurement_wrapper figure img {width:300px;}
	#measurement_pic{display:none;}
	#java{text-align:center;} #java small{color:red;font-weight:bold;font-size:1.08rem;}
}
  
@media screen and (min-width:461px) {
	article{width:950px;margin:50px auto 50px;color:#444444;}
    h1{font-size:2rem;text-align:center;margin-bottom:50px;}
	#h1_under{display:inline-block;width:100%;font-size:1.5rem;}
	.big_sec{width:950px;margin:30px auto 60px;font-size:1.13rem;}

	h2{font-size:1.75rem;}h3{font-size:1.25rem;text-align:center;}

	.qa{width:320px;margin:0 auto 1em 45px;}	

	#usage{width:950px;margin:0;} #usage img{width:910px;height:310.29px;}
	.small{font-size:1.05rem;}

	ol li  {list-style: none; padding-left: 1.05rem; text-indent: -1.05rem;}
	.TCs_download{display:block;width:300px;margin:20px auto;background:#EE0000;color:white;border-radius:20px;font-weight:bold;padding:5px 10px;text-decoration:none;text-align:center;}
	.TCs_download:hover{opacity: 0.5;}
	.sig_description{width:600px;margin: 0 auto;}

	#measurement_wrapper{display:flex;align-items:center;}
	#measurement_wrapper figure{width:300px;margin:0;}#measurement_wrapper figure img {width:300px;}
	#measurement_pic2{display:none;}
	#java{text-align:center;}#java small{color:red;font-weight:bold;font-size:1.25rem;}
}

.span1{letter-spacing: -0.25em;}.span3{letter-spacing: -0.4em;}


.bold{font-weight:bold;}.red{color:#EE0000;}.blue{color:#0000EE;}.center{text-align:center;}
.width100{display:inline-block;width:100%;}.disp_none{display:none;}
.underline{text-decoration:underline;cursor : pointer;}


.tab_panel{padding:40px 0;display:none;}
.sec_sec{padding:0 20px;}

input[type="radio"]{display:none;}
.tab_area{margin:0 auto; display: flex; display: inline-flex; flex-wrap: wrap;}
.tab_area label{width:135px; display:inline-block; text-align:center; font-size:1em; font-weight: bold; cursor:pointer; }
.tab_area label:hover{text-decoration:underline;}
.panel_area{background:#fff;}


#tab0:checked ~ .tab_area #tab0_label{background:#fff; font-weight:bold; border: 1px solid #888888; position: relative;}#tab0:checked ~ .tab_area #tab0_label:after{content:''; width:inherit; height:5px; background:#fff; position: absolute; bottom:-2px; left:0px;}
#tab0:checked ~ .panel_area #panel0{display:block; border: 1px solid #888888;}
#tab1:checked ~ .tab_area #tab1_label{background:#fff; font-weight:bold; border: 1px solid #888888; position: relative;}
#tab1:checked ~ .tab_area #tab1_label:after{content:''; width:inherit; height:5px; background:#fff; position: absolute; bottom:-2px; left:0px;}
#tab1:checked ~ .panel_area #panel1{display:block; border: 1px solid #888888;}
#tab2:checked ~ .tab_area #tab2_label{background:#fff; font-weight:bold; border: 1px solid #888888; position: relative;}
#tab2:checked ~ .tab_area #tab2_label:after{content:''; width:inherit; height:5px; background:#fff; position: absolute; bottom:-2px; left:0px;}
#tab2:checked ~ .panel_area #panel2{display:block; border: 1px solid #888888;}
#tab3:checked ~ .tab_area #tab3_label{background:#fff; font-weight:bold; border: 1px solid #888888; position: relative;}
#tab3:checked ~ .tab_area #tab3_label:after{content:''; width:inherit; height:5px; background:#fff; position: absolute; bottom:-2px; left:0px;}
#tab3:checked ~ .panel_area #panel3{display:block; border: 1px solid #888888;}
#tab4:checked ~ .tab_area #tab4_label{background:#fff; font-weight:bold; border: 1px solid #888888; position: relative;}
#tab4:checked ~ .tab_area #tab4_label:after{content:''; width:inherit; height:5px; background:#fff; position: absolute; bottom:-2px; left:0px;}
#tab4:checked ~ .panel_area #panel4{display:block; border: 1px solid #888888;}