@charset "UTF-8";
/*! Writen  by SCSS */
/* common */
.main_wrap {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 43.75%;
  position: relative; }
  @media screen and (max-width: 960px) {
    .main_wrap {
      padding-bottom: 50%; } }
  .main_wrap h2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto; }
    @media screen and (max-width: 767px) {
      .main_wrap h2 {
        padding: 0 20px;
        width: 100% !important; } }

h3 {
  font-size: 38px; }
  @media screen and (max-width: 767px) {
    h3 {
      font-size: 25px; } }

h4 {
  font-size: 24px; }
  @media screen and (max-width: 767px) {
    h4 {
      font-size: 20px; } }

.read {
  font-size: 16px;
  line-height: 2; }
  @media screen and (max-width: 767px) {
    .read {
      font-size: 14px; } }
  .read_s {
    font-size: 13px;
    line-height: 2; }
    @media screen and (max-width: 767px) {
      .read_s {
        font-size: 12px; } }

.gra_btn a {
  transition: opacity 0.6s ease-in-out;
  background: linear-gradient(320deg, #d31f1f 0%, #ff3535 100%);
  color: #fff;
  display: block;
  line-height: 1.25;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  max-width: 370px; }
  body:not(.mobile) .gra_btn a:hover {
    opacity: 0.7; }
  @media screen and (max-width: 960px) {
    .gra_btn a {
      margin: 30px auto 0; } }
  .gra_btn a > .text_bg {
    font-size: 1.4em; }
    @media screen and (max-width: 767px) {
      .gra_btn a > .text_bg {
        font-size: 1.2em; } }
  .gra_btn a > .text_min {
    font-size: 0.8em; }

button {
  padding: 0;
  cursor: pointer;
  background: none;
  display: block;
  border: none;
  font-family: YakuHanMP,"Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "游明朝体", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif; }
  button:active, button, button :focus, button:focus-visible {
    outline: none; }

/* common */

/*# sourceMappingURL=inner.css.map */
