*{
text-decoration: none;
}


body{
line-height: 1.6;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: bold;
font-size:80%;
}



.content_box{
max-width: 800px;
margin: 0 auto;
}













h1 img{
  height:60px;
}


header{
  width:100%;
  padding:10px 0;
  background:#fff;
  position: fixed;
  z-index:9999;

  box-shadow: 0px 5px 10px #d3d3d3;
  }
  .header_box{
  margin: 0 auto;
  max-width:900px;
  display:flex;
  justify-content:space-between;
  padding:0 2%;
  align-items:center;
  top:0;
  left:0;
  �@position:fixed;
  }
  .header_box ul{
      display:flex;
      list-style:none;
      margin: 0;
  }
  .header_box li{
      margin-left:30px;
  }
  .header_box a{
      text-decoration:none;
      color:#333;
      font-weight: 600;
  }
  .header_box nav{
      margin-left:auto;
  }
  .header_box a:hover{
      opacity: 0.5;
  }
  
  .header_box h1{
  margin: 0;
  }
  
  .pc_menu{
  display: block;
  }
  @media screen and (max-width:767px) {
  .pc_menu{
  display: none;
  }
  }
  




























.top_bg{
  background: url("../img2/top/top_bg.svg") no-repeat center bottom;
  background-size:contain;

  width:100%;
  padding:150px 0 230px;
  margin-bottom:60px;
}

@media screen and (max-width:767px) {
  .top_bg{
    padding:120px 0 70px;
    margin-bottom:30px;
  }
}


.bottom_menu{
  color:#fff;
  padding:15px 0;
  max-width:900px;
  margin:0 auto;
  text-align:left;
}

.bottom_menu a{
  color:#fff;
}






@media screen and (max-width:767px) {
  .bg_style1 br{
    display:none;
  }
}
@media screen and (max-width:767px) {
  .bg_style1{
    padding:60px 30px;
    background:#000;
    color:#fff;
    text-align:left;
  }
}






.m_f_right{
float: right;
}
.m_f_left{
float: left;
}
@media screen and (max-width:767px) { 
.m_f_right{
float: none;
}
}
@media screen and (max-width:767px) { 
.m_f_left{
float: none;
}
}










/*�x�[�X*/
.br_none{
display: block;
}
@media screen and (max-width:768px) {
.br_none{
display: none;
}
}

.p_none .col-xs-12{
padding: 0;
}

.p_none .col-md-12{
padding: 0;
}


.sm_mb30{
margin-bottom: 0;
}
@media screen and (max-width:768px) {
.sm_mb30{
margin-bottom: 30px;
}
}

.bold{
font-weight: bold;
}
.s_text{
font-size: 80%;
}
.t_center{
text-align: center;
}
.t_right{
text-align: right;
}
.t_left{
text-align: left;
}
.m_auto{
margin: 0 auto;
}
.mb10{
margin-bottom: 10px;
}
.mb15{
margin-bottom: 15px;
}
.mb20{
margin-bottom: 20px;
}
.mb30{
margin-bottom: 30px;
}
.mb40{
margin-bottom: 40px;
}
.mb50{
margin-bottom: 50px;
}
.mb60{
margin-bottom: 60px;
}