@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Noto+Serif+JP:wght@300;600&display=swap");
.main {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  align-items: stretch; }
  .main * {
    min-height: 0%; }
  .main .main-inner {
    width: 50%; }

.kukaku {
  margin: 5rem auto 0 auto;
  text-align: center; }
  .kukaku .plan-ttl {
    display: inline-block;
    text-align: center;
    padding: 1rem 2rem;
    font-size: 2rem;
    line-height: 1;
    background: #00A0C8;
    margin: auto;
    color: #fff; }
  .kukaku figcaption {
    display: block;
    text-align: center;
    margin-top: .5rem; }
    .kukaku figcaption img {
      height: 2.5rem;
      width: auto; }
  .kukaku.kukaku_e {
    margin-top: 10rem; }
    .kukaku.kukaku_e .plan-ttl {
      margin-bottom: 2rem; }
  @media screen and (max-width: 640px) {
    .kukaku figcaption img {
      height: 1.8rem; } }

.note {
  margin-top: 5rem;
  text-align: center; }

.slider_container {
  margin-top: 5rem; }
  .slider_container .slider .img .cap {
    font-size: 2rem; }
  .slider_container .thumb {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 1rem; }
    .slider_container .thumb * {
      min-height: 0%; }
    .slider_container .thumb li {
      /*width: 19%;*/
      width: 15%;
      margin-top: 1rem;
      margin-right: 1rem;
      background: #000;
      cursor: pointer; }
      .slider_container .thumb li img {
        opacity: .5;
        transition: .3s ease-out; }
      .slider_container .thumb li:hover img, .slider_container .thumb li.thumbnail-current img {
        opacity: 1; }
      .slider_container .thumb li:last-child {
        margin-right: 0; }
      .slider_container .thumb li.last {
        margin-right: 0; }
      .slider_container .thumb li.dummy {
        display: none;
        background: none; }
  .slider_container .note {
    margin-top: 2rem;
    text-align: center; }
    .slider_container .note .txt {
      display: inline-block;
      text-align: left; }
  @media screen and (max-width: 640px) {
    .slider_container .slider .img .cap {
      font-size: 1.6rem; }
    .slider_container .thumb {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      align-items: stretch; }
      .slider_container .thumb * {
        min-height: 0%; }
      .slider_container .thumb li {
        width: 32%;
        margin-right: 0; }
        .slider_container .thumb li.dummy {
          display: block; }
    .slider_container .note {
      text-align: left; } }