/*BaseCss*/
body{
  color: #333;
  /*font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;*/
  font-family: 'ヒラギノ角ゴ Pro W4', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.7;
}

#hero{
  background-color: #333;
  color: #FFF;
  border: 10px solid #333;
  margin: 150px auto;
  padding-bottom: 20px;
}

#hero_title{
  font-size: 65px;
  font-family: "Futura", sans-serif;
  font-stretch: condensed;
  font-weight: bold;

  padding: 0 0 0 20px;

  line-height: 1.7;
  text-align: center;

}

.global_menu{
  float: right;

  margin: 25px 0;
  text-align: right;
  list-style: none;
}

.global_menu li{
  float: left;
  margin-left: 15px;
  text-align: left;
  list-style: none;
}

.global_menu li a{
  font-family: "Futura", sans-serif;
  font-weight: normal;
  color: #333;

}

.contents_outer{
  margin: 40px 0;
}

.mini_contents_outer{
  margin-bottom: 40px;
}

.title_h2{
  font-size: 50px;
  font-family: "Futura", sans-serif;
  font-stretch: condensed;
  font-weight: bold;

  text-align: center;
}

.title_h2_menu{
  font-size: 30px;
  font-family: "Futura", sans-serif;
  font-stretch: condensed;
  font-weight: bold;

  text-align: left;
}

.contents_in{
  font-size: 16px;
  margin: 30px 0;
  line-height: 2.0;
  text-align: center;
}

.read_more_btn{
  margin: 0 auto;
  text-align: center;
}

.read_more_btn a{
  display: block;
  width: 40%;
  border: 3px solid #333;
  font-family: "Futura", sans-serif;
  font-size: 20px;
  color: #333;

  margin: 0 auto;
  padding: 20px;
}

.read_more_btn a:hover{
  display: block;
  width: 40%;
  border: 3px solid #333;
  font-family: "Futura", sans-serif;
  font-size: 20px;
  color: #FFF;
  background-color: #333;

  margin: 0 auto;
  padding: 20px;
}


.read_more_btn_small{
  margin: 0 auto;
  text-align: center;
}

.read_more_btn_small a{
  display: block;
  width: 100%;
  border: 3px solid #333;
  font-family: "Futura", sans-serif;
  font-size: 20px;
  color: #333;

  margin: 0 auto;
  padding: 20px;
}

.read_more_btn_small a:hover{
  display: block;
  width: 100%;
  border: 3px solid #333;
  font-family: "Futura", sans-serif;
  font-size: 20px;
  color: #FFF;
  background-color: #333;

  margin: 0 auto;
  padding: 20px;
}

/*CustomCSS*/
/*▼Col_no-padding*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


.copyright{
  font-family: "Futura", sans-serif;
  font-stretch: condensed;
  font-weight: bold;

  text-align: center;
}


/* レスポンシブの設定 */
/* モバイル */
@media (max-width: 619px) {

  .read_more_btn a{
    display: block;
    width: 100%;
    border: 3px solid #333;
    font-family: "Futura", sans-serif;
    font-size: 20px;
    color: #333;

    padding: 20px;
  }

  .read_more_btn a:hover{
    display: block;
    width: 100%;
    border: 3px solid #333;
    font-family: "Futura", sans-serif;
    font-size: 20px;
    color: #FFF;
    background-color: #333;

    padding: 20px;
  }


  .read_more_btn_small{
    margin: 0 auto;
    text-align: center;
  }

  .read_more_btn_small a{
    display: block;
    width: 100%;
    border: 3px solid #333;
    font-family: "Futura", sans-serif;
    font-size: 20px;
    color: #333;

    margin: 0 auto;
    padding: 20px;
  }

  .read_more_btn_small a:hover{
    display: block;
    width: 100%;
    border: 3px solid #333;
    font-family: "Futura", sans-serif;
    font-size: 20px;
    color: #FFF;
    background-color: #333;

    margin: 0 auto;
    padding: 20px;
  }

  #hero{
    border: 10px solid #333;
    width: 300px;
    margin: 0 auto;
  }

  #hero_title{
    font-size: 40px;
    font-family: "Futura", sans-serif;
    font-stretch: condensed;
    font-weight: bold;

    padding: 0 0 0 20px;

    line-height: 1.7;
    text-align: left;

  }


}