.cmare { width:auto; margin:0 auto; padding:15px 0; font:10px normal Verdana, Arial, Helvetica, sans-serif; color: #444; }
ul.tabs { margin:0; padding:0; float:left; list-style: none; height:33px; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; width: 100%; }
ul.tabs li { float:left; margin:0; padding:0; height:31px; line-height:31px; border:1px solid #c7c7c7; border-left:none; margin-bottom: -1px; background: #e0e0e0; overflow: hidden; position: relative; }
ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; outline: none; }
ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover  { background: #fff; border-bottom: 1px solid #fff; }
.tab_container { border:1px solid #c7c7c7; border-top:none; clear:both; float:left;  width:100%; background:#fff;
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.tab_container .tab_contentt { margin:0 auto; padding:0; width:98%; font-size:1.2em; display:block; }
.tab_container .tab_contentt h2 { font-weight: normal; padding-bottom:10px; border-bottom: 1px dashed #ddd; font-size: 1.8em; }
.tab_container .tab_contentt h3 a { color: #254588; }
.tab_container .tab_contentt img { float: left; margin: 0 20px 20px 0; border: 1px solid #ddd; padding: 5px; }
.tab_container .tab_contentt ul.list { margin:0 auto; padding:0; width:98%; display: -webkit-flex; display: flex; flex-wrap:wrap; }
.tab_container .tab_contentt ul.list li { margin:0 auto 1rem auto; padding:1.5%; width:48%; box-sizing:border-box; border: 4px solid; border-image: linear-gradient(to right, #fae1fa, #edfcff) 1; display:block; }
.tab_container .tab_contentt ul.list li a { display:block; text-decoration:none; }
.tab_container .tab_contentt ul.list li a h3 { margin:0; padding:0; text-align:center; font-size:180%; line-height:140%; color:#333; }
.tab_container .tab_contentt ul.list li a h3 span { margin:1% 0; font-size:55%; letter-spacing:2px; font-weight:normal; color:#999; display:block; }
.tab_container .tab_contentt ul.list li a p { margin:0 auto; padding:0; width:97%; color:#79727d; }

@media screen and (max-width: 900px) {
	ul.tabs li a { padding: 0 7.5px; }
	.tab_container .tab_contentt ul.list { width:98%; display:block; }
	.tab_container .tab_contentt ul.list li { width:auto; }
	.tab_container .tab_contentt ul.list li a h3 { text-align:left; }
	
	.tab_container .tab_contentt ul.list li a p { width:95%;　 }
}