@charset "UTF-8";
.tabbr {
  display: none; }
  @media (max-width: 1259px) {
    .tabbr {
      display: block; } }

.lgbr {
  display: none; }
  @media (max-width: 991px) {
    .lgbr {
      display: block; } }

.spbr {
  display: none; }
  @media (max-width: 767px) {
    .spbr {
      display: block; } }

@media (max-width: 991px) {
  .lgoverbr {
    display: none; } }

@media (max-width: 767px) {
  .pcbr {
    display: none; } }

@media (max-width: 991px) {
  .tabonlynotbr {
    display: none; } }
@media (max-width: 767px) {
  .tabonlynotbr {
    display: block; } }

.tabonlybr {
  display: none; }
  @media (max-width: 991px) {
    .tabonlybr {
      display: block; } }
  @media (max-width: 767px) {
    .tabonlybr {
      display: none; } }

html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  width: 100%; }
#main-wrapper {
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: inherit; }

@-ms-viewport {
  width: device-width; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: "Poppins", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #2F2F2F;
  background-color: #fff;
  width: 100%;
  overflow-x: hidden; }
#main {
  margin: 0;
  font-family: "Poppins", "Noto Sans JP", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #2F2F2F;
  background-color: #fff;
  width: 100%;
  overflow-x: hidden; }

main {
  width: 100%; }

[tabindex="-1"]:focus {
  outline: none !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    text-decoration: underline; }
  header a:hover {
    text-decoration: none; }

a:not([href]):not([tabindex]) {
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: bottom;
  border-style: none;
  max-width: 100%;
  width: auto;
  height: auto; }

svg:not(:root) {
  overflow: hidden; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #2F2F2F;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

.l-container {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1259px) {
    .l-container {
      padding-left: 1.875rem;
      padding-right: 1.875rem; } }
  @media (max-width: 374px) {
    .l-container {
      padding-left: 1rem;
      padding-right: 1rem; } }
  .l-container.is-wide {
    max-width: 1180px; }

.l-footer {
  background: #1FA030;
  color: #fff; }
  .l-footer_head {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    text-align: center; }
    @media (max-width: 767px) {
      .l-footer_head {
        padding-top: 1.875rem;
        padding-bottom: 1.5rem; } }
    .l-footer_head_logo {
      width: 133px;
      margin-left: auto;
      margin-right: auto; }
    .l-footer_head_ttl {
      font-size: 2.0625rem;
      font-weight: bold;
      margin-top: -1rem;
      margin-bottom: .75rem; }
      @media (max-width: 767px) {
        .l-footer_head_ttl {
          font-size: 1.875rem;
          margin-bottom: .5rem; } }
      .l-footer_head_ttl span {
        font-size: 2.75rem; }
        @media (max-width: 767px) {
          .l-footer_head_ttl span {
            font-size: 2.5rem; } }
    .l-footer_head_link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      position: relative; }
      @media (max-width: 767px) {
        .l-footer_head_link {
          text-align: left; } }
      .l-footer_head_link img {
        margin-right: .5rem; }
      .l-footer_head_link::after {
        content: "";
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, #EDC500, #FFED67, #F2E098, #EFD87B, #F1CF1A, #C06800, #FFFAE3, #EDC603);
        position: absolute;
        left: 0;
        bottom: -.25rem;
        transform-origin: bottom;
        transform: scaleY(0);
        transition: .3s; }
      .l-footer_head_link:hover {
        color: #fff;
        text-decoration: none; }
        .l-footer_head_link:hover::after {
          transform: scaleY(1); }
  .l-footer_bottom {
    position: relative;
    padding-top: 1.375rem;
    padding-bottom: .75rem; }
    .l-footer_bottom_inner {
      padding: 0 3.9%;
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .l-footer_bottom_inner {
          flex-wrap: wrap;
          padding: 0 1rem; } }
    .l-footer_bottom::before {
      content: "";
      display: block;
      width: 100%;
      height: 8px;
      background: linear-gradient(90deg, #EDC500, #FFED67, #F2E098, #EFD87B, #F1CF1A, #C06800, #FFFAE3, #EDC603);
      position: absolute;
      left: 0;
      top: 0; }
      @media (max-width: 767px) {
        .l-footer_bottom::before {
          height: 3px; } }
    @media (max-width: 767px) {
      .l-footer_bottom_body {
        width: 100%;
        border-bottom: 1px solid #61BA6D;
        margin-bottom: 1.875rem; } }
    .l-footer_bottom_link {
      list-style: none;
      padding: 0;
      margin-bottom: 1rem; }
    article.node--type-blank-page ul.l-footer_bottom_link {
      margin-bottom: 1rem; }
      @media (max-width: 767px) {
        .l-footer_bottom_link {
          display: flex;
          flex-wrap: wrap;
          max-width: 300px;
          margin-left: auto;
          margin-right: auto;
          justify-content: space-between; } }
      .l-footer_bottom_link_item {
        font-size: 0.75rem;
        font-weight: bold;
        padding-right: .625rem;
        margin-right: .625rem;
        border-right: 1px solid #fff;
        display: inline-block; }
        @media (max-width: 767px) {
          .l-footer_bottom_link_item {
            width: 8em;
            border-right: none;
            margin-right: 0;
            margin-left: 0;
            padding: 0;
            font-size: 0.875rem;
            margin-bottom: .875rem; } }
        .l-footer_bottom_link_item a {
          color: #fff;
          font-weight: bold; }
        .l-footer_bottom_link_item a:hover {
          color: #fff; }
    .l-footer_bottom_copy {
      font-size: 0.75rem;
      margin-bottom: 0; }
      .l-footer_bottom_copy.is-sp {
        display: none; }
      @media (max-width: 767px) {
        .l-footer_bottom_copy {
          display: none; }
          .l-footer_bottom_copy.is-sp {
            display: block;
            text-align: center;
            width: 100%; } }
    .l-footer_bottom_logo {
      width: 114px;
      margin-left: 1rem; }
      @media (max-width: 767px) {
        .l-footer_bottom_logo {
          width: 100px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: .875rem; } }
  .l-footer_breadcrumb {
    background: #fff;
    padding: 1rem 3rem;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 0;
    flex-wrap: wrap; }
  #main ol.l-footer_breadcrumb {
    padding: 1rem 3rem; }
    @media (max-width: 767px) {
      .l-footer_breadcrumb {
        padding: 1rem; } }
    @media (max-width: 767px) {
      #main ol.l-footer_breadcrumb {
        padding: 1rem; } }
    .l-footer_breadcrumb_item {
      font-size: 0.875rem;
      color: #2F2F2F;
      position: relative; }
      @media (max-width: 767px) {
        .l-footer_breadcrumb_item {
          font-size: 0.75rem; } }
      .l-footer_breadcrumb_item + .l-footer_breadcrumb_item {
        margin-left: 1.75rem; }
        @media (max-width: 767px) {
          .l-footer_breadcrumb_item + .l-footer_breadcrumb_item {
            margin-left: 1.5rem; } }
        .l-footer_breadcrumb_item + .l-footer_breadcrumb_item::before {
          content: "\e5cc";
          font-family: 'Material Icons';
          color: #2F2F2F;
          position: absolute;
          left: calc(-.875rem - .5em); }
          @media (max-width: 767px) {
            .l-footer_breadcrumb_item + .l-footer_breadcrumb_item::before {
              left: calc(-.75rem - .5em); } }
      .l-footer_breadcrumb_item a {
        color: #1FA030; }
      .l-footer_breadcrumb_item a:hover {
        color: #1FA030; }

.l-menu {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  pointer-events: none;
  display: none; }
  .l-menu_btn {
    position: absolute;
    right: 0;
    top: 0;
    background: #1FA030;
    border-radius: 0 0 0 20px;
    width: 80px;
    height: 70px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    z-index: 1000;
    pointer-events: all; }
    .l-menu_btn::before {
      content: "";
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, #EDC500, #FFED67, #F2E098, #EFD87B, #F1CF1A, #C06800, #FFFAE3, #EDC603);
      position: absolute;
      left: 0;
      top: 0; }
    .l-menu_btn span {
      width: 28px;
      height: 3px;
      border-radius: 3px;
      background: #fff;
      position: absolute;
      left: calc(50% - 14px);
      transition: .3s; }
      .l-menu_btn span:nth-of-type(1) {
        top: calc(50% - 1.5px - 8px);
        transform-origin: center; }
      .l-menu_btn span:nth-of-type(2) {
        top: calc(50% - 1.5px);
        transform-origin: center; }
      .l-menu_btn span:nth-of-type(3) {
        top: calc(50% - 1.5px + 8px);
        transform-origin: center; }
    .l-menu_btn.is-open {
      box-shadow: none;
      height: 67px;
      top: 3px; }
      .l-menu_btn.is-open::before {
        content: "";
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg, #EDC500, #FFED67, #F2E098, #EFD87B, #F1CF1A, #C06800, #FFFAE3, #EDC603);
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0; }
      .l-menu_btn.is-open span:nth-of-type(1) {
        transform: rotate(-45deg);
        top: calc(50% - 1.5px); }
      .l-menu_btn.is-open span:nth-of-type(2) {
        transform: rotate(180deg);
        opacity: 0; }
      .l-menu_btn.is-open span:nth-of-type(3) {
        transform: rotate(45deg);
        top: calc(50% - 1.5px); }
  .l-menu_wrap {
    padding-top: 120px;
    padding-bottom: 116px;
    padding-left: 2rem;
    padding-right: 2rem;
    background: #1FA030;
    width: auto;
    display: block;
    transition: .3s;
    transform: translateX(100%);
    border-radius: 0 0 0 20px;
    pointer-events: all; }
    @media (max-width: 767px) {
      .l-menu_wrap {
        height: calc(var(--vh)*100);
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 0; } }
    .l-menu_wrap::before {
      content: "";
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, #EDC500, #FFED67, #F2E098, #EFD87B, #F1CF1A, #C06800, #FFFAE3, #EDC603);
      position: absolute;
      left: 0;
      top: 0; }
    .l-menu_wrap.is-open {
      transform: translateX(0); }
  .l-menu_logo {
    margin-bottom: 5rem; }
    @media (max-width: 767px) {
      .l-menu_logo {
        margin-bottom: 2.5rem; } }
    @media (max-width: 374px) {
      .l-menu_logo {
        margin-bottom: 2rem; } }
    .l-menu_logo_img {
      width: 130px;
      margin-left: auto;
      margin-right: auto; }
    .l-menu_logo_ttl {
      color: #fff;
      width: 100%;
      font-size: 2.0625rem;
      margin-top: -1rem;
      font-weight: bold;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .l-menu_logo_ttl {
          font-size: 1.5625rem; } }
      .l-menu_logo_ttl span {
        font-size: 2.75rem; }
        @media (max-width: 767px) {
          .l-menu_logo_ttl span {
            font-size: 2.0625rem; } }
  .l-menu_list {
    list-style: none;
    padding: 0; }
    .l-menu_list_item {
      font-size: 1.125rem;
      text-align: center;
      font-weight: 500;
      margin-bottom: 0;
      display: flex;
      justify-content: center;
      position: relative; }
      @media (max-width: 374px) {
        .l-menu_list_item {
          font-size: 1rem; } }
      .l-menu_list_item span {
        font-weight: bold; }
      .l-menu_list_item + .l-menu_list_item {
        margin-top: 1.5rem; }
        @media (max-width: 374px) {
          .l-menu_list_item + .l-menu_list_item {
            margin-top: 1rem; } }
      .l-menu_list_item a {
        color: #fff;
        text-decoration: none;
        position: relative;
        display: inline-flex;
        align-items: center; }
      .l-menu_list_item a:hover {
        color: #fff; }
        .l-menu_list_item a img {
          margin-left: .5rem; }
        .l-menu_list_item a::after {
          content: "";
          width: 100%;
          height: 3px;
          background: linear-gradient(90deg, #EDC603, #FFFAE3, #C06800, #F1CF1A, #EFD87B, #F2E098, #FFED67, #EDC500);
          position: absolute;
          left: 0;
          bottom: -.25rem;
          transform: scaleY(0);
          transform-origin: bottom;
          transition: .3s; }
      .l-menu_list_item:hover a::after {
        transform: scaleY(1); }

.c-btn {
  background: #1FA030;
  color: #fff;
  padding: 1.125rem;
  width: 100%;
  max-width: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  text-decoration: none;
  transition: .3s; }
  @media (max-width: 767px) {
    .c-btn {
      font-size: 1rem; } }
  .c-btn img {
    margin-left: .5em; }
    @media (max-width: 767px) {
      .c-btn img {
        width: 13px; } }
  .c-btn:hover {
    color: #fff;
    text-decoration: none;
    filter: brightness(120%); }
  .c-btn.is-white {
    border: 3px solid #1FA030;
    background: #fff;
    color: #1FA030; }

.hero {
  margin-bottom: 0; }
  .hero_ttl {
    margin-bottom: 0; }

.about {
  text-align: center;
  margin-top: -2rem;
  background: #E3F0E2;
  padding-bottom: 3rem; }
  @media (max-width: 767px) {
    .about {
      padding-top: 1.25rem;
      margin-top: 0;
      padding-bottom: 2.5rem; } }
  .about_ttl {
    color: #1FA030;
    font-weight: bold;
    margin-bottom: 1.5rem;
    font-size: 2rem; }
    @media (max-width: 767px) {
      .about_ttl {
        font-size: 1.1875rem;
        margin-bottom: 2.5rem; } }
  .about_txt {
    font-size: 1rem;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .about_txt {
        line-height: 2;
        text-align: left; } }

.category {
  background: #E3F0E2;
  padding-bottom: 2.25rem; }
  @media (max-width: 767px) {
    .category {
      padding-bottom: 1rem; } }
  @media (max-width: 767px) {
    .category .l-container {
      padding-left: 1rem;
      padding-right: 1rem; } }
  .category_txt {
    text-align: center;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 3rem; }
    @media (max-width: 767px) {
      .category_txt {
        margin-bottom: 1.875rem; } }
  .category_list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    justify-content: space-between;
    margin-bottom: 0; }
    .category_list_item {
      font-size: 1rem;
      width: calc(25% - 28px*3/4);
      padding: .625rem;
      background: #fff;
      border-radius: 9px;
      color: #1FA030;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-bottom: 1.5rem;
      cursor: pointer; }
      .category_list_item.is-current {
        background: #1FA030;
        color: #fff; }
      @media (max-width: 1259px) {
        .category_list_item {
          padding: .625rem .25rem;
          font-size: 0.875rem;
          width: calc(25% - 20px*3/4); } }
      @media (max-width: 991px) {
        .category_list_item {
          font-size: 0.8125rem;
          padding: .625rem 0;
          width: calc(25% - 10px*3/4); } }
      @media (max-width: 767px) {
        .category_list_item {
          min-height: 66.5px;
          width: calc(50% - .375rem);
          padding: .25rem 0;
          font-size: 0.8125rem; } }
      @media (max-width: 374px) {
        .category_list_item {
          font-size: 0.6875rem;
          width: calc(50% - .25rem); } }

.tweet {
  background: #E3F0E2;
  padding-bottom: 5rem; }
  @media (max-width: 767px) {
    .tweet {
      padding-bottom: 2.5rem; }
      .tweet .l-container {
        padding-left: 1rem;
        padding-right: 1rem; } }
  .tweet_box {
    background: #fff;
    border: 3px solid #1FA030;
    border-radius: 31px;
    padding: 2.5rem;
    margin-bottom: 5.625rem; }
    @media (max-width: 767px) {
      .tweet_box {
        padding: 1.875rem 1rem;
        border-radius: 10px;
        margin-bottom: 2.5rem; } }
    .tweet_box_ttl {
      text-align: center;
      font-size: 2rem;
      font-weight: bold;
      color: #1FA030;
      margin-bottom: 2.5rem; }
      @media (max-width: 767px) {
        .tweet_box_ttl {
          font-size: 1.25rem;
          margin-bottom: 1.875rem; } }
      @media (max-width: 374px) {
        .tweet_box_ttl {
          font-size: 1rem; } }
    .tweet_box_wrap {
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      justify-content: space-between; }
      @media (max-width: 767px) {
        .tweet_box_wrap {
          flex-wrap: wrap; } }
    .tweet_box_twitter {
      width: 55%; }
      .tweet_box_twitter .twitter-tweet {
        margin-top: 0 !important; }
      @media (max-width: 767px) {
        .tweet_box_twitter {
          width: 100%;
          margin-bottom: 1.875rem; } }
    .tweet_box_body {
      width: 40%;
      padding-top: 2.5rem; }
      @media (max-width: 767px) {
        .tweet_box_body {
          width: 100%; } }
      .tweet_box_body_item {
        padding: 1.5rem 1.875rem;
        background: #FDF7EA;
        border-radius: 8px;
        position: relative;
        margin-bottom: 0; }
        @media (max-width: 767px) {
          .tweet_box_body_item {
            padding: 1.5rem; } }
        .tweet_box_body_item + .tweet_box_body_item {
          margin-top: 5rem; }
          @media (max-width: 767px) {
            .tweet_box_body_item + .tweet_box_body_item {
              margin-top: 3.75rem; } }
        .tweet_box_body_item::before {
          content: "";
          width: 70px;
          height: 58px;
          background: url(../img/tweet_deco01.png) no-repeat;
          background-size: contain;
          display: block;
          position: absolute;
          left: calc(50% - 35px);
          top: -2.5rem; }
        .tweet_box_body_item:nth-of-type(2)::before {
          background: url(../img/tweet_deco02.png) no-repeat;
          background-size: contain; }
        .tweet_box_body_item_ttl {
          font-size: 1.25rem;
          font-weight: bold;
          margin-bottom: 1rem; }
          @media (max-width: 767px) {
            .tweet_box_body_item_ttl {
              font-size: 1rem; } }
        .tweet_box_body_item_txt {
          font-size: 1rem;
          margin-bottom: 0;
          line-height: 1.7; }
          @media (max-width: 767px) {
            .tweet_box_body_item_txt {
              font-size: 0.875rem; } }
    .tweet_box_btnarea {
      margin-top: 2.5rem; }
      .tweet_box_btnarea .c-btn {
        margin-left: auto;
        margin-right: auto;
        max-width: 374px; }

.cta {
  background: #E3F0E2;
  padding: 0 0 5rem; }
  @media (max-width: 767px) {
    .cta {
      padding: 0 0 2.5rem; } }
  @media (max-width: 767px) {
    .cta > .l-container {
      padding: 0 .9375rem; } }
  .cta_ttl {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.875rem;
    color: #1FA030;
    text-align: center; }
    @media (max-width: 767px) {
      .cta_ttl {
        font-size: 1.25rem;
        margin-bottom: 2.5rem; } }
  .cta_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem; }
    @media (max-width: 767px) {
      .cta_wrap {
        flex-wrap: wrap;
        margin-bottom: 2.5rem; } }
  .cta_img {
    width: 41.1%;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 767px) {
      .cta_img {
        width: 100%;
        margin-bottom: 2.5rem; } }
  .cta_body {
    width: 48%; }
    @media (max-width: 767px) {
      .cta_body {
        width: 100%;
        padding-left: .9375rem;
        padding-right: .9375rem; } }
    @media (max-width: 374px) {
      .cta_body {
        padding-left: 0;
        padding-right: 0; } }
    .cta_body_txt {
      font-size: 1rem;
      margin-bottom: 1.875rem; }
    .cta_body_btnhead {
      text-align: center;
      font-size: 1rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      @media (max-width: 767px) {
        .cta_body_btnhead {
          margin-bottom: 1.25rem; } }
    .cta_body .c-btn {
      margin-left: auto;
      margin-right: auto; }
  .cta_btnarea {
    padding: 2.5rem;
    border-radius: 20px;
    background: #fff; }
    @media (max-width: 767px) {
      .cta_btnarea {
        padding: 1.25rem 1.5rem; } }
    .cta_btnarea_ttl {
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
      color: #1FA030;
      margin-bottom: 2rem; }
      @media (max-width: 767px) {
        .cta_btnarea_ttl {
          font-size: 1.25rem;
          margin-bottom: 1.25rem; } }
    .cta_btnarea_wrap {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 991px) {
        .cta_btnarea_wrap {
          display: block; } }
      .cta_btnarea_wrap .c-btn {
        width: calc(100%/3 - 40px/3); }
        @media (max-width: 991px) {
          .cta_btnarea_wrap .c-btn {
            width: 100%;
            margin-left: auto;
            margin-right: auto; }
            .cta_btnarea_wrap .c-btn + .c-btn {
              margin-top: 1.25rem; } }

/*# sourceMappingURL=style2310.css.map */


#main.container {
  max-width: 100%;
}
h1.hero_ttl {
  padding-bottom: 0;
}