@charset "utf-8"; /* 文字エンコーディングをUTF-8に指定　*/

.cf{
	clear:both;
}
header{
  position: fixed; 
  top: 0;
  width: 100%;
  margin:0 auto;
  height:170px;
  align-content: center;
  z-index: 10;
  background-color:#ffffff;
}
.brand_logo {
  margin-top:-20px;
  height:80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color:#000000;
  }
.brand_logo img{
	width:120px;
}
/* navi*/
ul.brand-menu{
	text-align:center;
}
ul.brand-menu li {
   display: inline-block;
   text-align: center;
   font-size:12px;
   padding:0 10px;
}
.brand-menu li a {
    color:#000000;
    display: block;
    text-decoration:none;
}
.brand-menu li a:hover {
    color:#ff0000;
    border-bottom: 1px solid #ff0000;
}

#navArea{
	display:none;
}
/* /navi */
main{
	padding-top: 150px;
	width: 100%;
	margin:0 auto;
}
main a{
	color:#000000;
	text-decoration:none;
}
main a:hover{
     color:#808080;
 }

/* main */
h2{
    text-align: center;
    z-index: 8;
}
.main_text{
    width:60%;
    margin:0 auto;
}
.main_text img{
    width: 100%;
}
.main_text p{
	font-size:12px;
   	text-align:left;
}
.main_text2{
    width:60%;
    margin:0 auto;
}
.main_text2 img{
    width: 50%;
}

h3{
	text-align: center;
    z-index: 8;
}
.title1 {
padding-top: .5em;
padding-bottom: .5em;

position: relative;
border-bottom: solid 3px #4d4d4d;
color: #1f324d;
}

.title1:after {
position: absolute;
content: " ";
display: block;
width: 35%;
bottom: -3px;
border-bottom: solid 3px #dc143c;
}
.main_text ul{
	font-size:12px;
}
.main_text table{
	font-size:12px;
}

.red{
	color:#ff0000;
}
.main_text table{
  text-align:center;
  font-size:12px;
  border-collapse: collapse;
  margin: 0 auto;
  table-layout: fixed;
  color: #113813;
}
.main_text table tr {
  border-bottom: 1px dotted #8BC34A;
}
.main_text table tr:last-child{
   border-bottom: 2px solid #18521b;
}
.main_text table th,
.main_text table td {
   padding: 12px;
}
/* カラム　2個**/
.col2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col2 > :not(:nth-child(2n-1)){
  margin-left: 20px;
}
.col2 > :nth-child(n+3){
  margin-top: 20px;
}
.col2_inner{
  width: 100%;
  margin: 30px auto;
  overflow: hidden;
  width: calc((100% - 20px * 1) / 2);
  height: auto;
}
.col3_inner p{
	text-align:center;
	margin-top:10px;
	font-size:10px;
}