@charset "utf-8";

/* -------------------------
mobile layout
------------------------- */
@media screen and (max-width: 768px) {

  /* 768px以下用（スマートフォン用）の記述 */
  #container .inner {
    padding: 5px;
  }

  #lp_page img {
    width: 100%;
    height: auto;
  }

  .br-pc {
    display: none;
  }

  .center {
    text-align: center;
  }

  /* -------
container 
------- */
  #container {
    width: 100%;
  }

  /*-----------
	title
----------- */
  .title-1 {
    width: 110px;
    margin: 0 auto 30px;
  }

  .title-2 {
    width: 100%;
    margin: 20px 0 40px -4px;
    padding: 23px 0 23px 0;
    text-align: center;
    background: url("../images/title-back.svg") repeat-x center center;
    background-size: contain;
  }

  .title-2 span {
    padding: 20px 10px;
    display: inline-block;
    background: #fff;
  }

  .title-2 img {
    width: 180px;
    margin: 0 auto;
  }

  /*-----------
	section-1
----------- */
  .section-1 {
    background: #fffaf5;
    margin: 0 auto;
  }

  /*mv*/

  .section-1 .mv-wrap {
    padding: 10px 0;
  }

  .section-1 .mv {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: url("../images/waku.svg") no-repeat center center;
    background-size: contain;
  }

  #lp_page .section-1 .mv img {
    width: 28%;
    margin: 10px auto;
    padding: 20px 0;
  }

  .section-1 .nav {
    margin: 0 auto;
    width: 98%;
    display: flex;
    justify-content: center;
  }

  .section-1 li {
    width: 48%;
    margin: 20px 10px 0;
  }


  /*outline*/
  .section-1 .outline {
    width: 94%;
    margin: 0 auto;
  }

  .section-1 .outline .image {
    margin-bottom: 20px;
  }

  .section-1 .outline .text {
    margin-bottom: 40px;
  }


  /*slide*/
  .slide-wrap {
    width: 80%;
    margin: 0 auto;
  }

  .slide-wrap .text {
    display: block;
    width: 98%;
    margin: 30px auto 40px;
  }

  /*-----------
	.section-2
----------- */
  .section-2 .icon-list {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 10px;
    width: 98%;
    text-align: center;
  }

  .section-2 .icon-list li {
    margin-bottom: 20px;
    text-align: center;
  }

  .section-2 .icon-list li img {
    width: 80%;
  }

  .section-2 .read {
    width: 94%;
    margin: 0 auto;
  }

  .section-2 .usb-list li {
    width: 90%;
    margin: 0 auto 40px;
  }

  .logo-footer {
    width: 30%;
    margin: 20px auto;
  }

  /*-----------
	slider
----------- */
  .slider {
    width: 100%;
    margin: 0 auto;
  }

  .slick-slide {
    margin: 0;
  }

  .slick-slide img {
    width: 100%;
  }
}

/*-- close --*/