@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;}
	#java{text-align:center;}#java small{color:red;font-weight:bold;font-size:1.25rem;}
	.CAD_info{display:grid;grid-template-columns: 240px 80px;align-items:center;}
	.CAD_info p{margin:0.6em 0;}
	figure{margin:0 auto;}figure img{width:100%;border-radius:2px;}
	input[type="text"]{width:80px;}
	.Mesh_info{display:grid;grid-template-columns: 120px 100px;align-items:center;}
	.Mesh_info p {margin:0.6em 0;}
	.Line_info{display:grid;grid-template-columns: 110px 100px;align-items:center;}
    .Line_info p{margin:0.6em 0;}

	.submit{display:block;width:300px;box-shadow: 0 2px 4px rgba(0,0,0,0.3);cursor:pointer;background:#0000EE;border-radius:5px;margin:40px auto 0;padding:5px 0;text-align:center;font-size:1.25rem;font-weight:bold;color:white;}
    .submit:hover {box-shadow: 0 1px 1px rgba(0,0,0,0.2); opacity:70%;}
	
}
  
@media screen and (min-width:461px) {
	article{width:950px;margin:50px auto 50px;color:#444444;}
    h1{font-size:2rem;text-align:center;margin-bottom:60px;}
	#under_h2{color:blue;font-size:1.13rem;font-weight:bold;text-align:center;margin-bottom:20px;}
	#java{text-align:center;}#java small{color:red;font-weight:bold;font-size:1.25rem;}
	.section_inner{width:650px;margin:0 auto;font-size:1.13rem;}
	.CAD_info{display:grid;grid-template-columns: 280px 160px;align-items:center;}
	.CAD_info p{margin:0.6em 0;}
	input[type="text"]{width:80px;}
	figure img{width:400px;}
	.Mesh_info{display:grid;grid-template-columns: 120px 130px 120px 100px;align-items:center;}
	.Mesh_info p {margin:0.6em 0;}
	.Line_info{display:grid;grid-template-columns: 110px 100px;align-items:center;}
    .Line_info p{margin:0.6em 0;}

	.submit{display:block;width:400px;box-shadow: 0 2px 4px rgba(0,0,0,0.3);cursor:pointer;background:#0000EE;border-radius:5px;margin:40px auto 0;padding:5px 0;text-align:center;font-size:1.25rem;font-weight:bold;color:white;}
	.submit:hover {box-shadow: 0 1px 1px rgba(0,0,0,0.2); opacity:70%;}
}

.span1{letter-spacing: -0.25em}.span2{letter-spacing: -0.15em}.span3{letter-spacing: -0.4em}
.bold{font-weight:bold;}


.tab_panel{padding:40px 0;display:none;}
.tab_input{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;}