@charset "UTF-8";

html, body {
  height: 100% !important;
  margin: 0;
  padding: 0;
}
body {
  font-family: "kozuka-gothic-pro", sans-serif !important;
  font-style: normal;
  letter-spacing: 0.05em;
  min-height: 100vh !important;
  margin: 0;
}
#main_content{
  margin:2em auto !important;
}
/****************** 各種細々設定 ******************/
.bggreen{
  background-color:#a3e0de;
}
.bgyellow{
  background-color:#fff3be;
}
.bgyellow-2{
  background-color:#f1df7b;
}
.bgblue{
  background-color:#aed7f3;
}
.clear-row {
  display: block;
  width: 100%;
  height: 0;
}
/****************** sectionの設定 ******************/
section{
  width:100%;
  margin:0 auto;
  padding:3em 0;
}
.section_inner {
  width:1200px;
  margin:0 auto;
  text-align: center;
}
section::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 1199px) {
  .section_inner {
    width: 80%;
  }
}
@media screen and (max-width: 767px){
}
/****************** 赤いボタン ******************/
.red_but {
  display: inline-block;
  background: #e74264;
  color: #fff;
  padding: 0.6em 1.2em;
  border-radius: 100px;
  font-size: 1.5vw;
  text-decoration: none;
  margin-bottom: 0.3em;
  font-weight: bold;
}