@charset "UTF-8";
/*
Theme Name: mind

*/
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
a {
  word-break: break-all;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.alignleft {
  float: left;
  margin: 0px 15px 15px 0;
}

.alignright {
  float: right;
  margin: 0px 0px 15px 15px;
}

.aligncenter {
  display: block;
  margin: auto;
}

li {
  list-style: none;
}

marker {
  background-color: #756445;
  color: #fff;
}

/* googlefont　ファミリー */
/* Zen Kurenaido */
.zenkurenaido {
  font-family: "Zen Kurenaido", sans-serif;
}

/* Kaisei Decol */
.kaiseidecol {
  font-family: "Kaisei Decol", serif;
}

/* Oswald */
.oswald {
  font-family: "Oswald", sans-serif;
}

/* Reggae One */
.reggaeone {
  font-family: "Reggae One", cursive;
}

/* RocknRoll One */
.rocknrollone {
  font-family: "RocknRoll One", sans-serif;
}

/* Anton */
.anton {
  font-family: "Anton", sans-serif;
}

a {
  word-break: break-all;
}

body {
  font-size: 5vw;
  line-height: 1.7;
  color: #2b2b2b;
  font-family: "Noto Sans JP", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-family: "Noto Serif JP", serif;
  font-family: "Noto Sans JP", sans-serif;
  /* font-family: 'Reggae One', cursive; */
}
@media (min-width: 992px) {
  body {
    font-size: 1.2rem;
  }
}

/* googlefont　ファミリー */
/* Noto Sans Japanese */
.notosansjp {
  font-family: "Noto Sans JP", sans-serif;
}

/* Noto Serif Japanese */
.notoserifjp {
  font-family: "Noto Serif JP", serif;
}

/* Zen Kurenaido */
.zenkurenaido {
  font-family: "Zen Kurenaido", sans-serif;
}

/* Kaisei Decol */
.kaiseidecol {
  font-family: "Kaisei Decol", serif;
}

/* Oswald */
.oswald {
  font-family: "Oswald", sans-serif;
}

/* Reggae One */
.reggaeone {
  font-family: "Reggae One", cursive;
}

/* RocknRoll One */
.rocknrollone {
  font-family: "RocknRoll One", sans-serif;
}

/* Anton */
.anton {
  font-family: "Anton", sans-serif;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.alignleft {
  float: left;
  margin: 0px 15px 15px 0;
}

.alignright {
  float: right;
  margin: 0px 0px 15px 15px;
}

.aligncenter {
  display: block;
  margin: auto;
}

li {
  list-style: none;
}

h2, h3 {
  clear: both;
}

.bold {
  font-weight: bold;
}

caption {
  font-size: 1.3em;
  font-weight: bold;
  caption-side: top;
}

span.marker {
  font-style: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, #ffff66));
  background: -webkit-linear-gradient(transparent 40%, #ffff66 40%);
  background: linear-gradient(transparent 40%, #ffff66 40%);
  color: #000;
}

/***********container*******************/
@media (min-width: 1200px) {
  .container.wrapper {
    max-width: 750px;
  }
}
.box-shadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

/***********見出し*******************/
.heading {
  text-align: center;
  padding: 1.5rem 0;
  border-top: double 8px #000;
  border-bottom: double 8px #000;
  margin-bottom: 2rem;
}
.heading h2 {
  font-size: 8vw;
  font-weight: bold;
  font-family: "Kaisei Decol", serif;
}
@media (min-width: 567px) {
  .heading h2 {
    font-size: 2rem;
  }
}

/*********** ヘッダー*******************/
.zoom {
  -webkit-animation: kakudai 1s ease infinite;
          animation: kakudai 1s ease infinite;
}

.updown {
  -webkit-animation: updown 1s ease infinite;
          animation: updown 1s ease infinite;
}

@-webkit-keyframes updown {
  0% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}

@keyframes updown {
  0% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}
@-webkit-keyframes kakudai {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kakudai {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
p.topread {
  font-size: 5.5vw;
  line-height: 1.4;
  margin-top: 1rem;
  font-family: "Reggae One", cursive;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.8rem;
}
@media (min-width: 992px) {
  p.topread {
    font-size: 1.5rem;
  }
}
p.topread span {
  border-bottom: 2px solid #000;
}

.bg_trouble {
  background: url(images/bg_trouble.png) no-repeat center/70%;
}
.bg_trouble.last {
  background: url(images/bg_trouble.png) no-repeat center/60%;
}
@media (min-width: 992px) {
  .bg_trouble {
    padding: 40px 20px;
  }
}

.quote-3 {
  position: relative;
  padding: 2.5em 1em 1em 1em;
  color: #333333;
  background-color: #f2f2f2;
}
.quote-3::before {
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 1.5em;
  width: 2em;
  height: 2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%232589d0'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
}
.quote-3 p {
  margin-top: 0;
}
.quote-3 cite {
  display: block;
  color: #737373;
  font-size: 0.8em;
  text-align: right;
}

.fukidashi_bk {
  background-color: #fff;
  border: 8px solid #000;
  position: relative;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.fukidashi_bk p {
  font-weight: bold;
  font-size: 8vw;
  line-height: 1.5;
}
@media (min-width: 992px) {
  .fukidashi_bk p {
    font-size: 1.6rem;
    text-align: center;
  }
}
.fukidashi_bk:after {
  position: absolute;
  content: "";
  width: 46px;
  height: 64px;
  background: url(images/fukidashi_chip.png) no-repeat center/cover;
  bottom: -46px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.point {
  padding: 1rem;
  margin-bottom: 1.5rem;
  background-color: #0077ff;
  color: #fff;
  position: relative;
  border-radius: 20px;
}
.point:after {
  position: absolute;
  content: "";
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid #0077ff;
  border-bottom: 10px solid transparent;
  left: 10%;
  bottom: -20px;
}
.point .ketudan {
  color: #eeff00;
  font-weight: bold;
}

.kanren_box {
  padding: 1rem;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  margin-bottom: 1rem;
  border-radius: 10px;
}

.sankou_box {
  position: relative;
  padding: 2rem 1rem 1rem 1rem;
  border: #ff8300 2px solid;
  background-color: #fff3e8;
  margin-bottom: 1rem;
  border-radius: 10px;
}

.sankou_box span {
  font-size: 1rem;
  font-weight: bold;
  padding: 0.1em 1em 0.1em 2em;
  position: absolute;
  color: #fff;
  top: -10px;
  left: 5%;
  background-color: #ff8300;
  border-radius: 10px;
}
.sankou_box span:before {
  position: absolute;
  content: "";
  background: url(images/aic_enpi.webp) no-repeat center/60%;
  width: 32px;
  height: 32px;
  left: -2px;
  top: -2px;
}

.cbox {
  padding: 0.5em;
  margin: 2em 0;
  border: 2px solid #00c14d;
  border-radius: 0.2em;
  position: relative;
}
.cbox .title {
  position: relative;
  top: -1.6rem;
  padding: 0 0.7em 0.2em;
  color: #00c14d;
  font-weight: 700;
  background-color: #fff;
  border-radius: 0.2em;
  display: inline-block !important;
  vertical-align: middle;
  text-align: center;
  min-width: 3em;
  font-size: 1.4rem;
}
.cbox ul.check {
  margin: 0 !important;
  padding: 0 !important;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}

ul.number li {
  padding: 0.4em 0 0.4em 2.5em;
  position: relative;
}
ul.number li:before {
  content: "";
  width: 1.5em;
  color: #fff;
  height: 1.5em;
  border-radius: 50%;
  background-color: #f28e0c;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.5em;
  -webkit-box-shadow: 0px 0px 15px -5px #777777;
          box-shadow: 0px 0px 15px -5px #777777;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.number li:nth-child(1):before {
  content: "1";
}
ul.number li:nth-child(2):before {
  content: "2";
}
ul.number li:nth-child(3):before {
  content: "3";
}
ul.number li:nth-child(4):before {
  content: "4";
}
ul.number li:nth-child(5):before {
  content: "5";
}

#footer {
  background-color: #000;
  color: #fff;
}
#footer a {
  color: #fff;
}
#footer .top_back {
  position: fixed;
  right: 10%;
  bottom: 15%;
}
@media (min-width: 992px) {
  #footer .top_back {
    right: 15%;
  }
}

.fixed {
  position: fixed;
  bottom: 5px;
  text-align: center;
  padding: 10px 0;
  z-index: 9999;
}
@media (min-width: 992px) {
  .fixed {
    display: none;
  }
}

.link {
  padding: 0px 10px;
  display: inline-block;
}/*# sourceMappingURL=style.css.map */