@charset "utf-8";
/* CSS Document */

.index_title{margin:auto; margin-top:50px;width:95%; height:auto; overflow:hidden;}
.tt{padding:10px;font-size:28px;position: relative;text-align: center; font-weight: bold;}
.tt span{color:#000;}
.tl{ margin:auto; width:100px;height:1px;background: #ededed;}
.tc{ margin-top: 15px; text-align: center; color: #666;}

.center_title{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}
.center_content{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}

.main{clear:both;margin:auto;padding:0; margin-top:20px; margin-bottom: 50px; width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;}

#main_center{margin:0;padding:0;margin-top:0px;height:auto;overflow:hidden;}
.h1{ padding-bottom:20px;font-weight:normal; font-size:20px;}

.title{ height: 30px; border-bottom: #ededed 1px solid; font-weight: bold;}
.title i{display:inline-block; margin-right:10px;padding:5px;width:10px; height:10px; border-radius:50%;color:#333; border:#333 1px solid; font-size:12px; text-align:center;}
.list { padding: 20px 0px 50px 0px;display: flex;flex-wrap:wrap;}
.list a{width:calc(30.3% - 20px); padding: 5px; color: #014f96;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 12px;}
.list a:hover{ text-decoration: underline;}
.list a::before{display: inline-block; content: "・";color:#014f96;font-size: 20px;}

@media screen and (min-width: 1400px) {
.main{width: 80%;}
.center_title{width: 80%;}
.center_product{width: 80%;}
}

@media screen and (max-width: 750px) {
.tt{ font-size: 16px;}

.center_title{ width:95%;}

#main{width:100%; margin-top:20px;display: block;}
#main_center{width:100%; margin-left: 0px;}
#center_title{ padding:0px 10px 0px 10px;}

.center_content{ width:95%;}
.h1{font-size:16px;}
}