/* main */
.footer {display:flex; justify-content:center; align-items:center; background-color:#ebebeb; border-top:1px solid #d5dfda; padding:30px 0; color:#7f8c86; }
.table1_2 .box1 {background-color:Tomato; color:White; padding:2px; border-radius:3px}
.table1_2 .box2 {background-color:Orange; color:White; padding:2px; border-radius:3px}
.table1_2 .box3 {background-color:MediumSeaGreen; color:White; padding:2px; border-radius:3px}
.table1_2 .box4 {background-color:DodgerBlue; color:White; padding:2px; border-radius:3px}


/* main: responsive ewb design area */
	.main_text {display:flex; justify-content:center; align-items:center; width:100%; background-color:#002820; opacity: 0.8; margin-top:-60px; height:60px; }
	.main_text span {font-size:1.3em; color:#fff;}

	.subtitle {background:#32c6f4; margin-top:-10px}
	.sub_bg_box {position:absolute; top:0px; left:50%}
	.subtitle p {padding-top:100px; color:#fff; margin-left:-90px; font-size:50px; font-weight:bold; text-shadow: 1px 1px #0170a3;}
	.sub_subtitle {padding-bottom:20px}

	#content {margin:50px 100px}
	.subnav {background-color:#eeeeee; border:1px solid #cccccc; padding:30px}
	.subnav li {padding:5px;}
	.subnav li p {font-size:20px}
	.subarea {margin:50px 0}
	.subarea h2 {padding-bottom:30px}
	.subarea h4 {line-height:150%}
	.subarea1_1>.n1 {background-color:#f9f9f9; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd; padding:3em; border-radius:30px}
	.subarea1_1 .n1 img {padding-bottom:5px;}
	.subarea1_1>.n2 {border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; padding:3em; border-radius:30px}
	.subarea1_1 .n2 img {padding-bottom:5px;}
	.subarea1_1 .n3 {padding-top:20px;}
	.subarea1_1 .n3 img {width:90%}
	.subarea1_2 {padding:20px}
	.subarea1_2 img {border-radius:40px 40px 0 0 }
	.subarea1_2 b {display:block; padding:20px 20px; font-size:1.5em}
	.subarea1_2 p {text-align:left; font-size:1.2em; line-height:160%}
	.subarea1_3 {}
	.subarea1_3 img {padding:20px; border-radius:50px}
	.subarea1_3 .col-md-6 {padding:30px 20px}
	.subarea1_3 p {padding:0 40px}
	.subarea2_1 .col-md-3 {padding:20px}
	.subarea3_1>.text2 {padding-bottom:20px}
	.memo {margin-top:5px}
	.subarea3_1>.n1 {padding-bottom:20px}
	.n1>.text4 {padding-bottom:20px}
	.subarea4_1> .n1 {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd;padding:3em; border-radius:30px}
	.subarea4_1> .n2 {background-color:#f9f9f9;border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:3em; border-radius:30px}
	.subarea3_1> .n1 {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd;padding:3em; border-radius:30px}
	.subarea3_1> .n2 {background-color:#f9f9f9;border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:3em; border-radius:30px}

@media all and (max-width:768px) {
	.main_text {display:flex; justify-content:center; align-items:center; width:100%; background-color:#002820; margin-top:0; height:60px; }
	.main_text {font-size:14px; line-height:1.3em}
	.main_text span {display:block; padding:0 10px 0; font-size:12px}
	.breadcrumb { border:1px solid #dddddd; padding:10px; margin-top:15px } 
	ol .active a {font-weight:bold}
	ol a {color:#555}
	.subtitle {background:url('../img/subbg1m.jpg'); margin-top:-10px; background-position:center bottom; height:140px}
	.subtitle p {padding-top:45px; color:#fff; margin-left:-100px; font-size:2.2em; font-weight:bold; text-shadow: 1px 1px #0170a3;}
	.subarea {margin:20px 0}
	.subarea1_1>.n1 {background-color:#f9f9f9; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd; padding:2em; border-radius:30px}
	.subarea1_1 .n1 img {padding-bottom:5px;}
	.subarea1_1>.n2 {border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; padding:2em; border-radius:30px}
	.subarea1_1 .n2 img {padding-bottom:5px;}
	.subarea1_1 .n3 {padding-top:20px;}
	.subarea1_1 .n3 img {width:100%}
	.subarea1_2 {padding:20px 0}
	.subarea1_2 img {border-radius:40px 40px 0 0 }
	.subarea1_2 b {display:block; padding:20px 20px; font-size:1.5em}
	.subarea1_2 p {text-align:left; font-size:1.2em; line-height:160%}
	.subarea1_3 {}
	.subarea1_3 img {padding:20px; border-radius:50px}
	.subarea1_3 .col-md-6 {padding:10px 0}
	.subarea1_3 p {padding:0}
	.subarea1_4 img {width:60%}
	.subarea1_5 img {padding:10px 100px}
	.subarea2_1 .col-md-3 {padding:10px}
	.subarea4_1> .n1 {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd;padding:1em; border-radius:30px}
	.subarea4_1> .n2 {background-color:#f9f9f9;border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:1em; border-radius:30px}
	.subarea3_1> .n1 {border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px dashed #ddd;padding:1em; border-radius:30px}
	.subarea3_1> .n2 {background-color:#f9f9f9;border-top:1px dashed #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:1em; border-radius:30px}
	.table1_2 th {}
	.table1_2 td {padding:0; margin:0}
	.table1_2 td img {padding:0; margin:0}
}