@charset "UTF-8";

#main-img {
    margin: 30px 0 20px 0;
}

.mgb-10 {
    margin-bottom: 10px;
}
.mgb-20 {
    margin-bottom: 20px;
}
.mgb-30 {
    margin-bottom: 30px;
}
.mgb-40 {
    margin-bottom: 40px;
}
.topic_area {
    margin-bottom: 50px;
}

.chuui_head {
    background: url("../img/icon_chuui.png") no-repeat;
    background-size: 35px;
}
.chuui_head p {
    margin: 0 0 0 45px;
}

.chuui_taisyou {
    background-color: #eee;
    padding: 15px 15px 15px;
    margin: 10px 0 15px 0;
}

.chuui {
    padding: 20px;
    margin: 30px 0 50px 0;
    border: 4px solid #ddd;
}
.chuui .title {
    margin: 0 0 5px 0;
    font-weight: bold;
}

a.external-link {
    padding-right: 13px;
    background: url(../../../../common/img/icon_external_link_gray.gif) right 0.4em no-repeat;
    margin: 0 3px 0 0;
}

ul.list li {
    list-style: disc;
    margin: 0 0 5px 25px;
}
ul.list li p {
    margin: 0;
}

ol.list {
    margin-top: 0;
}
ol.list li {
    margin: 0 0 15px -15px;
}

.btn_wrap {
    width: 100%; 
    margin: 0 auto 60px auto;
    text-align: center;
}
.btn_raiten_wrap {
    width: 100%; 
    margin: 25px auto 10px auto ;
    text-align: center;
}
.btn_wrap .btn_area {
    text-align: center;
    margin: 10px auto;
}

.btn {
  text-align: center;
}
.btn a {
  display: inline-block;
  position: relative;
  border-radius: 40px;
  background-color: #31c42a;
  color: #fff;
  text-decoration: none;
  font-size: 108%;
  font-family: "Noto Sans JP", sans-serif;
  padding: 15px 0px 15px 0px;
  width: 550px;
}
.btn a:hover {
    opacity: 0.8;
}
.btn a _:-ms-fullscreen, :root .btn a {
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
.btn a::after {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-60%) rotate(45deg);
          transform: translateY(-60%) rotate(45deg);
  content: "";
  right: 20px;
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

.btn_raiten a {
  border-radius: 40px;
  background-color: #1571b3;
  padding: 10px 0px;
  width: 210px;
}

.small {
    font-size: 90%;
}

@media only screen and (max-width: 767px) {
#main-img {
    margin: 20px 0 20px 0;
}
.chuui {
    padding: 15px 12px;
    margin: 0 0 30px 0;
}
.btn_wrap {
    margin: 0 auto 40px auto;
}
.topic_area {
    margin-bottom: 30px;
}
.btn a {
    width: auto;
    padding:10px 25px 10px 20px;
    font-size: inherit;
    font-weight: bold;
}
.btn a::after {
  right: 10px;
}
.btn_raiten a {
  width: 160px;
}
.btn_raiten a::after {
  right: 15px;
}
}