body {
  font-family: "M PLUS Rounded 1c";
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #edf2c7;
}

footer p {
  margin-bottom: 0.25rem;
}

p {
  font-size: 18px;
}

.line {
  border-top: 5px solid #0a8200;
}

.head {
  /* background-image: url("https://morimoto-kousan.co.jp/wp/wp-content/uploads/2023/10/main-bg.png"); */
  background-size: cover;
  background-repeat: no-repeat;
}

h2 {
  background-color: #0a8200;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  margin: 0;
}
.contents1_bg {
  background-image: url("https://morimoto-kousan.co.jp/wp/wp-content/uploads/2023/10/contents1_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}
.bgColor-green {
  background-color: #f4f8e1;
}
.font-mod1 {
  font-size: 20px;
  font-weight: bold;
  color: #e92684;
  text-align: center;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-180 {
  margin-bottom: 180px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-60 {
  padding-bottom: 60px;
}

h3 {
  color: #0a8200;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
}

.title-01 {
  position: relative;
}
/* 下三角 */
.title-01:after {
  border: 30px solid transparent;
  border-top-color: #0a8200;
  border-bottom-width: 0;
  bottom: -29px;
  content: "";
  display: block;
  left: 45%;
  position: absolute;
  width: 0;
}

/*-- PC版表示CSS  --*/
.pc_area {
  display: block;
}
.phone_area {
  display: none;
}

/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px) {
  .pc_area {
    display: none;
  }
  .phone_area {
    display: block;
  }
}

h4 {
  color: #0a8200; /*文字色*/
  background: #9ecc3e;
  border: solid 3px #9ecc3e; /*線色*/
  padding: 0.5em; /*文字周りの余白*/
  border-radius: 0.5em; /*角丸*/
  font-weight: bold;
}

.size18 {
  font-size: 18px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-weight: 700;
}

.size12 {
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-weight: 700;
  color: orange;
}
.size30 {
  font-size: 30px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-weight: 700;
  color: green;
}
.size14 {
  font-size: 14px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-weight: 700;
  color: black;
}

.footer_top {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.size11 {
  font-size: 11px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-weight: lighter;
  color: black;
}

.opa img:hover {
  opacity: 0.5;
}

/* パソコン・スマホ共通のCSS */
#PageTopBtn {
  position: fixed; /*ボタンの配置場所を固定*/
  bottom: 90px; /*下からのボタンの配置場所を指定*/
  right: 10px; /*右からのボタンの配置場所を指定*/
  z-index: 99999;
}
#PageTopBtn a {
  display: block; /*配置の調整*/
  text-decoration: none; /*文字の下線を消す*/
  color: #fff; /*文字の色*/
  background: #0a8200; /*ボタンの背景色*/
  text-align: center; /*文字を中央に配置*/
  border-radius: 5%; /*ボタンの角を少し丸くする*/
  outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
  text-decoration: none;
  background: #68b35b; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
  #PageTopBtn {
    font-size: 13px; /*文字のサイズ*/
  }
  #PageTopBtn a {
    width: 100px; /*ボタンの幅*/
    height: 60px; /*ボタンの高さ*/
    padding: 20px 0 20px 0; /*文字の配置場所の調整*/
  }
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
  #PageTopBtn {
    font-size: 10px;
    bottom: 75px; /*下からのボタンの配置場所を指定*/
  }
  #PageTopBtn a {
    width: 70px;
    height: 50px;
    padding: 20px 0 20px 0; /*文字の配置場所の調整*/
  }
}

/* reservedBtn パソコン・スマホ共通のCSS */
#reservedBtn {
  position: fixed; /*ボタンの配置場所を固定*/
  bottom: 10px; /*下からのボタンの配置場所を指定*/
  right: 10px; /*右からのボタンの配置場所を指定*/
  z-index: 99999;
}
#reservedBtn a {
  display: block; /*配置の調整*/
  text-decoration: none; /*文字の下線を消す*/
  color: #fff; /*文字の色*/
  background: #f76300; /*ボタンの背景色*/
  text-align: center; /*文字を中央に配置*/
  border-radius: 5%; /*ボタンの角を少し丸くする*/
  outline: none; /*クリックしたときの黒い枠を消す*/
}
#reservedBtn a:hover {
  text-decoration: none;
  background: #f79c5f; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
  #reservedBtn {
    font-size: 13px; /*文字のサイズ*/
  }
  #reservedBtn a {
    width: 100px; /*ボタンの幅*/
    height: 60px; /*ボタンの高さ*/
    padding: 15px 0 20px 0; /*文字の配置場所の調整*/
  }
}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
  #reservedBtn {
    font-size: 10px;
  }
  #reservedBtn a {
    width: 70px;
    height: 50px;
    padding: 10px 0 20px 0; /*文字の配置場所の調整*/
  }
}

.zindex {
  z-index: 999999;
  position: relative;
  top: -20px;
}
.fontsize12 {
  font-size: 14px;
}
.fontsize16 {
  font-size: 16px;
  line-height: 1.6em;
}

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 300ms;
}
.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}

.fadeine-head {
  font-size: 20px;
  font-weight: bold;
  animation-name: fadein;
  animation-duration: 1s;
  animation-iteration-count: none;
}
@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.code {
  margin-top: 25px;
}
.close-meerkat {
  position: absolute;
  display: block;
  height: 18px;
  width: 18px;
  background: url("images/close-x.png") no-repeat 0 0;
  cursor: pointer;
  text-indent: -9000px;
  z-index: 10;
}
.dont-show {
  position: absolute;
  display: block;
  height: 18px;
  width: 160px;
  cursor: pointer;
  z-index: 10;
  color: #ec7700;
}
a.dont-show:hover {
  color: #fff;
}
.adsense {
  z-index: 5;
}
.meerkat {
  color: #fff;
  display: none;
}
.pos-bot .adsense {
  width: 728px;
  height: 90px;
  position: absolute;
  left: 50%;
  margin-left: -364px;
}
.pos-bot .adsense {
  top: 20px;
}
.pos-bot .close-meerkat {
  right: 10px;
  top: 20px;
}
.pos-bot .dont-show {
  right: -10px;
  top: 100px;
}
.pos-bot .dont-show {
  top: 100px;
}