@charset "UTF-8";
body.logbum-lp {
  padding: 0;
  margin: 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  line-height: normal; }

#logbum-lp {
  position: relative;
  background: #fff;
  color: #333;
  overflow: hidden;
  margin-bottom: -30px;
  /* ============= 共通項目 ============= */
  /*注釈・フォント14px*/
  /*見出し 特大23px*/
  /*見出し 大18px*/
  /*見出し 中16px*/
  /*本文 14px*/
  /*注釈など 12px*/
  /* ============= 共通項目 END ============= */
  /* ============= MV ============= */
  /* ==============
  floatingbanner
  =============== */
  /* ============= NEWS ============= */
  /* ============= TOP ============= */
  /* ============= find-new-area ============= */
  /* ============= logbum-check-area ============= */
  /* ============= how-to-area ============= */
  /* ============= use-it-area ============= */
  /* ============= column-area ============= */
  /* ============= news-topics-area ============= */
  /* ============= logbum-footer-area ============= */
  /* =============
    remodal
  ============= */ }
  @media screen and (min-width: 768px) {
    #logbum-lp .pc {
      display: block; }
    #logbum-lp .sp {
      display: none; } }
  @media screen and (max-width: 767px) {
    #logbum-lp .pc {
      display: none; }
    #logbum-lp .sp {
      display: block; } }
  #logbum-lp section .lead {
    margin-bottom: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 300; }
  #logbum-lp p {
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0;
    line-height: 1.8em; }
  #logbum-lp a {
    text-decoration: none;
    color: #008b22; }
  #logbum-lp ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0; }
    #logbum-lp ul li {
      list-style: none; }
  #logbum-lp .logbum-lp-inner {
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 20px;
    position: relative; }
  @media screen and (max-width: 767px) {
    #logbum-lp section .lead {
      margin-bottom: 20px; }
    #logbum-lp .logbum-lp-inner {
      max-width: 100%;
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 40px 20px;
      box-sizing: border-box;
      overflow-x: clip; } }
  #logbum-lp .attention {
    font-size: 14px;
    padding-bottom: 10px; }
  #logbum-lp .font-w {
    font-weight: 700; }
  #logbum-lp .font-m {
    font-weight: 600; }
  #logbum-lp .font-n {
    font-weight: 400; }
  #logbum-lp .font-red {
    color: #cc0022; }
  #logbum-lp h2 {
    font-size: 23px;
    text-align: center;
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 10px auto 20px;
    line-height: 1.7; }
  @media screen and (min-width: 767px) {
    #logbum-lp h2 {
      margin: 30px auto 20px; } }
  #logbum-lp .ttl-sub {
    text-align: center;
    margin: 0 auto; }
    #logbum-lp .ttl-sub img {
      height: 10px; }
  @media screen and (min-width: 767px) {
    #logbum-lp .ttl-sub img {
      height: 15px; } }
  #logbum-lp .ttl-ll {
    font-size: 23px; }
  #logbum-lp .ttl-l {
    font-size: 18px; }
  #logbum-lp .ttl-m {
    font-size: 16px; }
  #logbum-lp .text-n {
    font-size: 14px; }
  #logbum-lp .text-s {
    font-size: 12px; }
  @media screen and (min-width: 768px) {
    #logbum-lp .btn-wrap {
      width: 800px;
      margin: 0 auto;
      display: flex;
      justify-content: space-around; } }
  #logbum-lp .btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    color: #008b22;
    font-size: 14px;
    border-radius: 35px;
    max-width: 300px;
    height: 40px;
    margin: 20px auto 0;
    padding: 10px;
    font-weight: bold;
    border: 2px solid #008b22;
    transition: 0.3s;
    background-color: #ffffff; }
    #logbum-lp .btn:hover {
      opacity: .7; }
    #logbum-lp .btn::after {
      content: '';
      width: 30px;
      height: 10px;
      background-image: url(../img/arrow_01.png);
      background-size: contain;
      vertical-align: middle;
      background-repeat: no-repeat;
      right: 10px;
      position: absolute; }
    #logbum-lp .btn p {
      font-weight: 700; }
  @media screen and (min-width: 768px) {
    #logbum-lp .btn {
      max-width: unset;
      width: 330px; } }
  #logbum-lp .btn-02 {
    color: #ffffff !important;
    background-color: #008b22; }
    #logbum-lp .btn-02::after {
      content: '';
      width: 30px;
      height: 10px;
      background-image: url(../img/arrow_02.png);
      background-size: contain;
      vertical-align: middle;
      background-repeat: no-repeat;
      right: 10px;
      position: absolute; }
    #logbum-lp .btn-02 p {
      color: #ffffff !important; }
  #logbum-lp .hide_01 {
    opacity: 0; }
  #logbum-lp .hide_02 {
    opacity: 0; }
  #logbum-lp .hide_03 {
    opacity: 0; }
  #logbum-lp .hide_04 {
    opacity: 0; }
  #logbum-lp .hide_05 {
    opacity: 0; }
  #logbum-lp .moves {
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 1;
    transform: translate(0, 0) scale(1); }
  #logbum-lp .hide_01_move {
    animation-name: hide_01_move;
    animation-delay: 0.5s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0; }
@keyframes hide_01_move {
  100% {
    transform: translateX(0);
    opacity: 1; } }
  #logbum-lp .hide_02_move {
    animation-name: hide_02_move;
    animation-delay: 0.8s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0; }
@keyframes hide_02_move {
  100% {
    transform: translateX(0);
    opacity: 1; } }
  #logbum-lp .hide_03_move {
    animation-name: hide_03_move;
    animation-delay: 1.2s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0; }
@keyframes hide_03_move {
  100% {
    transform: translateX(0);
    opacity: 1; } }
  #logbum-lp .hide_04_move {
    animation-name: hide_04_move;
    animation-delay: 1.5s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0; }
@keyframes hide_04_move {
  100% {
    transform: translateX(0);
    opacity: 1; } }
  #logbum-lp .hide_05_move {
    animation-name: hide_05_move;
    animation-delay: 1.8s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0; }
@keyframes hide_05_move {
  100% {
    transform: translateX(0);
    opacity: 1; } }
  #logbum-lp .mv-area {
    position: relative;
    overflow-x: hidden; }
  @media screen and (min-width: 768px) {
    #logbum-lp .mv-area {
      overflow: hidden;
      max-height: 750px;
      background-image: url(../img/bg_kv.png); } }
  #logbum-lp .swiper-movie {
    position: relative;
    width: 100%;
    overflow: hidden; }
    #logbum-lp .swiper-movie .swiper-slide {
      overflow: hidden; }
      #logbum-lp .swiper-movie .swiper-slide img {
        width: 100vw;
        min-height: 45vh;
        object-fit: cover; }
      #logbum-lp .swiper-movie .swiper-slide p {
        text-align: center;
        font-size: 20px;
        font-weight: bold; }
    #logbum-lp .swiper-movie .swiper-pagination-bullet {
      width: 16px;
      height: 16px;
      margin: 0 10px; }
  @media screen and (min-width: 768px) {
    #logbum-lp .swiper-movie {
      min-height: 830px;
      max-width: 1000px;
      margin: 0 auto;
      aspect-ratio: 2121 / 1564; }
      #logbum-lp .swiper-movie .swiper-slide {
        overflow: hidden; }
        #logbum-lp .swiper-movie .swiper-slide img {
          width: unset;
          min-height: unset;
          width: 100%;
          aspect-ratio: 2121 / 1564; } }
  #logbum-lp .mv-cover {
    position: absolute;
    top: 0;
    z-index: 2; }
    #logbum-lp .mv-cover img {
      width: 100vw;
      min-height: 45vh;
      object-fit: cover; }
  @media screen and (min-width: 768px) {
    #logbum-lp .mv-cover {
      position: absolute;
      z-index: 2;
      max-width: 1039px;
      top: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
      #logbum-lp .mv-cover img {
        width: unset;
        min-height: unset;
        width: 100%; } }
  #logbum-lp h1 {
    position: absolute;
    top: 0;
    z-index: 3;
    margin: 0 auto;
    width: auto;
    text-align: center;
    left: 10%;
    width: 80%; }
    #logbum-lp h1 img {
      width: 80%;
      max-width: 800px; }
  @media screen and (min-width: 768px) {
    #logbum-lp h1 img {
      width: 40%; } }
  #logbum-lp .mv-lead-pc {
    position: absolute;
    bottom: 10%;
    z-index: 3;
    margin: 0 auto;
    width: auto;
    text-align: center;
    left: 2%;
    width: 60%; }
    #logbum-lp .mv-lead-pc img {
      width: 100%; }
    #logbum-lp .mv-lead-pc .lead {
      max-width: 800px; }
  #logbum-lp .mv-green {
    background-color: #008B22;
    min-height: 120px;
    position: relative; }
    #logbum-lp .mv-green .lead {
      width: 90%;
      position: absolute;
      z-index: 4;
      top: 10px;
      left: 48%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); }
      #logbum-lp .mv-green .lead img {
        width: 100%; }
  @media screen and (min-width: 768px) {
    #logbum-lp .mv-green {
      display: none; } }
  @media screen and (min-width: 467px) {
    #logbum-lp .mv-green {
      min-height: 180px; } }
  #logbum-lp .swiper-button-next-style:after {
    margin: -7.5px 0 0 -12px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }
  #logbum-lp .floating-btn {
    position: absolute;
    bottom: 30%;
    right: -3px;
    width: 84px;
    z-index: 50;
    background-color: #fff;
    border: 3px solid #008b22;
    border-radius: 20px 0 0 20px;
    padding: 10px 5px;
    text-align: center;
    line-height: 1.3;
    box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.4); }
    #logbum-lp .floating-btn:hover {
      transition: 0.3s;
      opacity: 0.7; }
    #logbum-lp .floating-btn span {
      font-size: 12px;
      color: #000; }
    #logbum-lp .floating-btn p {
      line-height: 1.3; }
  #logbum-lp .floating-icon {
    display: flex;
    align-items: center;
    justify-content: center; }
    #logbum-lp .floating-icon p {
      font-weight: bold;
      margin-right: 5px;
      margin-top: 3px; }
  #logbum-lp .floating-arrow {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #008b22;
    border-radius: 15px;
    margin-top: 5px; }
  #logbum-lp .floating-arrow::before,
  #logbum-lp .floating-arrow::after {
    content: "";
    position: absolute;
    top: 25%;
    left: calc(50% - 1.5px);
    width: 3px;
    height: 10px;
    border-radius: 9999px;
    background-color: #fff308;
    transform-origin: 50% calc(100% - 1.5px); }
  #logbum-lp .floating-arrow::before {
    transform: rotate(45deg); }
  #logbum-lp .floating-arrow::after {
    transform: rotate(-45deg); }
  @media screen and (min-width: 460px) {
    #logbum-lp .floating-btn {
      bottom: 35%; } }
  @media screen and (min-width: 768px) {
    #logbum-lp .floating-btn {
      bottom: 10%;
      width: 150px; } }
  #logbum-lp .news-area {
    text-align: center;
    /*--newsスライダー--*/
    /*--newsスライダー--*/ }
    #logbum-lp .news-area h2 img {
      height: 13px;
      padding: 10px 0 0; }
    #logbum-lp .news-area .news-normal {
      width: 90%;
      margin: 0 auto 20px; }
      @media screen and (min-width: 768px) {
        #logbum-lp .news-area .news-normal {
          max-width: 800px; } }
    #logbum-lp .news-area .news-cont li {
      text-align: left; }
      @media screen and (min-width: 768px) {
        #logbum-lp .news-area .news-cont li {
          text-align: center; } }
      #logbum-lp .news-area .news-cont li a {
        font-size: 14px;
        text-decoration: underline;
        color: #000; }
    #logbum-lp .news-area .wrapper {
      overflow: hidden; }
    #logbum-lp .news-area .news-scroll-slider {
      display: flex;
      margin-bottom: 20px; }
    #logbum-lp .news-area .news-scroll-slider__item {
      flex-shrink: 0;
      margin-right: 20px; }
      #logbum-lp .news-area .news-scroll-slider__item a {
        font-size: 14px;
        text-decoration: underline;
        color: #000; }
  @media screen and (min-width: 768px) {
    #logbum-lp .news-area h2 {
      margin: 10px auto 20px !important; }
      #logbum-lp .news-area h2 img {
        height: 15px;
        padding: 10px 0 0; } }
  #logbum-lp .top-area {
    background-color: #ebe7df;
    position: relative;
    overflow: visible;
    padding-bottom: 50px; }
    #logbum-lp .top-area .fukidashi {
      text-align: center;
      position: relative;
      z-index: 2; }
      #logbum-lp .top-area .fukidashi .sub span {
        color: #008B22; }
      #logbum-lp .top-area .fukidashi .green-lead {
        position: relative;
        display: inline-block;
        background-color: #008b22;
        width: fit-content;
        margin: 10px auto 30px;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
        padding: 5px 15px; }
        #logbum-lp .top-area .fukidashi .green-lead span {
          font-size: 18px; }
        #logbum-lp .top-area .fukidashi .green-lead::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 50%;
          border-style: solid;
          border-width: 15px 10px 0 10px;
          border-color: #008b22 transparent transparent;
          translate: -50% 100%; }
    #logbum-lp .top-area .mock {
      width: 65%;
      margin: 0 auto;
      z-index: 2;
      position: relative; }
      #logbum-lp .top-area .mock img {
        width: 100%; }
    #logbum-lp .top-area .lead {
      margin: 30px auto; }
      #logbum-lp .top-area .lead p {
        line-height: 2.5rem;
        text-align: center !important; }
      #logbum-lp .top-area .lead .green {
        color: #008b22; }
      #logbum-lp .top-area .lead .small {
        font-size: 20px; }
    #logbum-lp .top-area .cloud-01 {
      position: absolute;
      top: 6%;
      right: 10px;
      width: 30%;
      z-index: 1; }
    #logbum-lp .top-area .cloud-02 {
      position: absolute;
      top: 20%;
      left: 10px;
      width: 30%;
      z-index: 1; }
    #logbum-lp .top-area .pict_01 {
      position: absolute;
      bottom: -9%;
      left: -50px;
      width: 40%;
      z-index: 3; }
    #logbum-lp .top-area .pict_04 {
      position: absolute;
      bottom: -8%;
      right: -40px;
      width: 40%;
      z-index: 3; }
  @media screen and (min-width: 768px) {
    #logbum-lp .top-area .top-lead-pc-wrap {
      display: flex;
      justify-content: center;
      align-items: center; }
      #logbum-lp .top-area .top-lead-pc-wrap .top-lead {
        z-index: 10;
        text-align: center;
        width: 55%; }
      #logbum-lp .top-area .top-lead-pc-wrap .mock {
        width: 17%;
        margin: 0 10% 0 0;
        z-index: 2;
        position: relative; }
        #logbum-lp .top-area .top-lead-pc-wrap .mock img {
          width: 100%; }
      #logbum-lp .top-area .top-lead-pc-wrap .fukidashi .green-lead {
        margin: 10px auto 0; }
        #logbum-lp .top-area .top-lead-pc-wrap .fukidashi .green-lead::after {
          display: none; }
    #logbum-lp .top-area .lead {
      margin: 10px auto 30px; }
    #logbum-lp .top-area .cloud-01 {
      top: 40%;
      right: 10px;
      width: 22%; }
    #logbum-lp .top-area .cloud-02 {
      top: 5%;
      left: 10px;
      width: 22%; }
    #logbum-lp .top-area .pict_01 {
      bottom: -37%;
      left: -100px;
      width: 23%; }
    #logbum-lp .top-area .pict_04 {
      bottom: -33%;
      right: -100px;
      width: 25%; } }
  #logbum-lp .find-new-area {
    background-color: #008b22;
    color: #fff; }
    #logbum-lp .find-new-area .fine-new-lead p {
      text-align: center;
      line-height: 1.8rem; }
    #logbum-lp .find-new-area .album-area {
      width: 90%;
      margin: 30px auto 0; }
      #logbum-lp .find-new-area .album-area .photo-l {
        position: relative;
        width: 100%; }
        #logbum-lp .find-new-area .album-area .photo-l img {
          width: 100%;
          height: 300px;
          object-fit: cover; }
        #logbum-lp .find-new-area .album-area .photo-l:hover {
          opacity: 0.7;
          transition: .3s; }
      #logbum-lp .find-new-area .album-area .photo-s {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        #logbum-lp .find-new-area .album-area .photo-s .photo-s-cont {
          width: 47%;
          height: auto;
          margin-top: 5%; }
          #logbum-lp .find-new-area .album-area .photo-s .photo-s-cont img {
            width: 100%;
            height: 150px;
            object-fit: cover; }
          #logbum-lp .find-new-area .album-area .photo-s .photo-s-cont .photo-s-img {
            position: relative; }
            #logbum-lp .find-new-area .album-area .photo-s .photo-s-cont .photo-s-img:hover {
              opacity: 0.7;
              transition: .3s; }
      #logbum-lp .find-new-area .album-area .tag {
        position: absolute;
        bottom: 5px;
        right: 5px;
        background-color: #fff;
        border-radius: 50px;
        color: #008b22;
        border: #008b22 2px solid;
        padding: 3px 10px 3px; }
        #logbum-lp .find-new-area .album-area .tag p {
          font-size: 11px; }
  @media screen and (min-width: 768px) {
    #logbum-lp .find-new-area .album-area {
      width: 100%;
      display: flex;
      align-items: self-start; }
      #logbum-lp .find-new-area .album-area .left-side {
        width: 49.5%;
        margin-right: 25px; }
        #logbum-lp .find-new-area .album-area .left-side .photo-l img {
          height: auto;
          object-fit: cover;
          aspect-ratio: 1 / 1; }
      #logbum-lp .find-new-area .album-area .photo-s {
        justify-content: space-between;
        width: 50%; }
        #logbum-lp .find-new-area .album-area .photo-s .photo-s-cont {
          margin-top: 0;
          width: 47%;
          aspect-ratio: 1 / 1;
          overflow: hidden;
          margin-bottom: 5%; }
          #logbum-lp .find-new-area .album-area .photo-s .photo-s-cont img {
            height: auto;
            object-fit: cover;
            aspect-ratio: 1 / 1; }
      #logbum-lp .find-new-area .album-area .tag p {
        font-size: 14px; } }
  #logbum-lp .fade-in-image {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    transition-delay: calc(var(--delay) * 0.5s); }
  #logbum-lp .fade-in-image.visible {
    opacity: 1;
    transform: translateY(0); }
  #logbum-lp .logbum-check-area {
    background-image: url(../img/bg_check.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center; }
    #logbum-lp .logbum-check-area h2 img {
      height: 30px; }
    #logbum-lp .logbum-check-area ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      width: 85%;
      margin: 0 auto;
      margin-block-start: unset;
      margin-block-end: unset;
      padding-inline-start: 0; }
      #logbum-lp .logbum-check-area ul li {
        width: 50%;
        text-align: center;
        margin-bottom: 20px; }
        #logbum-lp .logbum-check-area ul li img {
          width: 80%; }
        #logbum-lp .logbum-check-area ul li p {
          margin-top: 10px; }
  @media screen and (min-width: 768px) {
    #logbum-lp .logbum-check-area ul li {
      width: 33%; } }
  #logbum-lp .howto-area {
    background-color: #ebe7df;
    border-top: 3px solid #008b22;
    border-bottom: 3px solid #008b22; }
    #logbum-lp .howto-area h2 {
      color: #008b22; }
    #logbum-lp .howto-area .howto-inner {
      width: 85%;
      margin: 35px auto 0; }
    #logbum-lp .howto-area .howto-cont {
      background-color: #fff;
      padding: 20px;
      margin-bottom: 30px;
      border-radius: 20px; }
      #logbum-lp .howto-area .howto-cont:last-child {
        margin-bottom: 0; }
      #logbum-lp .howto-area .howto-cont p {
        text-align: center;
        line-height: 1.8; }
      #logbum-lp .howto-area .howto-cont .ttl {
        display: flex;
        color: #008b22;
        align-items: center;
        text-align: center;
        justify-content: center; }
        #logbum-lp .howto-area .howto-cont .ttl img {
          height: 20px;
          padding-right: 5px; }
      #logbum-lp .howto-area .howto-cont .howto-img {
        text-align: center;
        margin: 20px auto; }
        #logbum-lp .howto-area .howto-cont .howto-img img {
          height: 150px;
          margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #logbum-lp .howto-area .howto-inner {
      display: flex;
      margin: 40px auto 0;
      justify-content: space-around;
      width: 100%; }
      #logbum-lp .howto-area .howto-inner .howto-cont {
        width: 26%;
        margin-bottom: 0; } }
  #logbum-lp .use-it-area h2 {
    color: #008b22; }
  #logbum-lp .use-it-area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #logbum-lp .use-it-area ul li {
      width: 45%;
      text-align: center;
      margin-bottom: 30px; }
      #logbum-lp .use-it-area ul li img {
        width: 70px; }
      #logbum-lp .use-it-area ul li p {
        color: #008b22;
        margin-top: 10px; }
  #logbum-lp .use-it-area .btn {
    line-height: 1.5;
    text-align: center; }
  @media screen and (min-width: 768px) {
    #logbum-lp .use-it-area ul {
      margin: 40px auto 0; }
      #logbum-lp .use-it-area ul li {
        width: 27%; } }
  #logbum-lp .column-area {
    background-color: #ebe7df;
    text-align: center;
    overflow: hidden; }
    #logbum-lp .column-area .column-ttl {
      padding: 70px 0 20px;
      position: relative; }
      #logbum-lp .column-area .column-ttl .camping-car {
        position: absolute;
        width: 34%;
        left: -35px;
        top: 20px; }
      #logbum-lp .column-area .column-ttl h2 {
        position: absolute;
        right: 30px;
        width: 60%;
        top: 20px; }
        #logbum-lp .column-area .column-ttl h2 img {
          width: 100%; }
    #logbum-lp .column-area .swiper-column {
      position: relative;
      width: 100%;
      margin: 40px auto; }
      #logbum-lp .column-area .swiper-column .bookmark {
        position: absolute;
        top: -10px;
        left: 20px;
        z-index: 5;
        width: 30px; }
      #logbum-lp .column-area .swiper-column a {
        color: #000;
        text-decoration: none; }
        #logbum-lp .column-area .swiper-column a:hover {
          opacity: 0.7;
          transition: .3s; }
      #logbum-lp .column-area .swiper-column .column-cont {
        background-color: #fff;
        border: 3px solid #008b22;
        padding: 25px;
        position: relative;
        border-radius: 20px;
        box-shadow: 10px 10px 0px 0px #008b22; }
        #logbum-lp .column-area .swiper-column .column-cont img {
          max-height: 200px;
          width: 100%;
          margin: 0 auto;
          object-fit: cover; }
        #logbum-lp .column-area .swiper-column .column-cont .ttl {
          text-align: left;
          color: #008b22;
          margin: 15px auto; }
        #logbum-lp .column-area .swiper-column .column-cont p {
          text-align: left;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 6;
          /* 任意の行数を指定 */ }
      #logbum-lp .column-area .swiper-column .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        margin: 0 10px; }
  @media screen and (min-width: 768px) {
    #logbum-lp .column-area .column-ttl {
      width: 600px;
      margin: 0 auto;
      height: 150px;
      padding: 0; }
    #logbum-lp .column-area .swiper-column {
      margin: 40px auto 60px; } }
  #logbum-lp .news-topics-area {
    border-top: 3px solid #008b22; }
    #logbum-lp .news-topics-area .ttl-sub {
      text-align: left; }
    #logbum-lp .news-topics-area .news-cont {
      width: 80%;
      margin: 0 auto; }
      #logbum-lp .news-topics-area .news-cont .news-ttl {
        font-weight: 600;
        line-height: 1.8;
        margin: 5px 0; }
      #logbum-lp .news-topics-area .news-cont .date {
        margin: 5px 0 10px; }
      #logbum-lp .news-topics-area .news-cont .text {
        line-height: 1.8; }
      #logbum-lp .news-topics-area .news-cont .news-img img {
        margin-top: 20px;
        width: 100%;
        max-height: 200px;
        object-fit: cover; }
  @media screen and (min-width: 768px) {
    #logbum-lp .news-topics-area .news-cont .news-main-text {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #logbum-lp .news-topics-area .news-cont .news-main-text .text {
        width: 50%; }
      #logbum-lp .news-topics-area .news-cont .news-main-text .news-img {
        width: 48%; }
        #logbum-lp .news-topics-area .news-cont .news-main-text .news-img img {
          margin-top: 0;
          width: 100%;
          max-height: auto;
          object-fit: cover; }
    #logbum-lp .news-topics-area .news-cont .news-img img {
      margin-top: 20px;
      width: 450px;
      max-height: auto;
      object-fit: cover; } }
  #logbum-lp .logbum-footer-area {
    background-color: #008b22;
    position: relative;
    overflow: hidden; }
    #logbum-lp .logbum-footer-area .logbum-footer-lead {
      color: #fff;
      text-align: center;
      margin: 20px auto 40px; }
    #logbum-lp .logbum-footer-area .footer-cloud-01 {
      position: absolute;
      top: 6%;
      right: -10px;
      width: 20%;
      z-index: 1; }
    #logbum-lp .logbum-footer-area .footer-cloud-02 {
      position: absolute;
      top: 28%;
      left: -10px;
      width: 20%;
      z-index: 1; }
    #logbum-lp .logbum-footer-area .footer-img {
      width: 60%;
      margin: 20px auto 0; }
  @media screen and (min-width: 768px) {
    #logbum-lp .logbum-footer-area .footer-cloud-01 {
      position: absolute;
      top: 6%;
      right: 10%;
      width: 15%;
      z-index: 1; }
    #logbum-lp .logbum-footer-area .footer-cloud-02 {
      position: absolute;
      top: 28%;
      left: 10%;
      width: 15%;
      z-index: 1; }
    #logbum-lp .logbum-footer-area .footer-img {
      width: 40%;
      margin: 40px auto 0; } }
  #logbum-lp .remodal-overlay {
    background: rgba(0, 0, 0, 0); }
  #logbum-lp .remodal-wrapper {
    padding: 20px 10px 0;
    background-color: #fff; }
  #logbum-lp .remodal {
    width: 100%;
    box-shadow: 0 0 20px #666;
    padding: 50px;
    background-color: #fff; }
  #logbum-lp .logbum-remodal-inner .modal-ttl {
    background-color: #008b22 !important; }

/* logbum-lp */