@charset "UTF-8";

.dmlp-box{
  color: #000;
  font-weight: bold;
  padding-bottom: 40px;

	/* デフォルトスタイルリセット ここから */
	h2{
	  font-size: 24px;
	  border-top: none;
	  border-bottom: none;
	  border-right: none;
	  border-left: none;
	  background-color: transparent;
	  margin: 0;
	  padding: 0;
	  color: #000;
	  clear: both;
	}
	h3{
	  font-size: 19px;
	  border-top: none;
	  border-bottom: none;
	  background-color: transparent;
	  margin: 0;
	  margin-top: 0;
	  padding: 0;
	  padding-left: 0 !important;
	  color: #000;
	  clear: both;
	}
	h4{
	  font-size: 16px;
	  border-top: none;
	  border-bottom: none;
	  margin: 0;
	  padding: 0;
	  color: #000;
	  clear: both;
	}
	:is(h2, h3, h4, h5) {
	  &::before,
	  &::after {
		  display: none !important;
		  }
	}
	p{
	  line-height: 1.8;
	  margin: 0;
	  text-align: left;
	}
	ul{
	  margin-left: 0;
	  margin-right: 0;
	  margin-top: 0;
	  margin-bottom: 0;
	}
	ul li{
	  list-style-type: none;
	  background: none;
	  padding-left: 0;
	  &::before {
	    display: none !important;
	  }
	}
	/* デフォルトスタイルリセット ここまで */

	.dmlp-mv{
	  text-align: center;
	  line-height: 0;
	}

	.dmlp-mv img{
	  width: 100%;
	  max-width: 500px;
	}

	.dmlp-title{
	  font-size: 24px;
	  color: #000;
	  text-align: center;
	  padding: 13.5px 10px;
	  position: relative;
	}

	.dmlp-title::before{
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  margin-left: -5px;
	  border: 5px solid transparent;
	}

	.dmlp-title-glay{
	  max-width: 280px;
	  margin: 40px auto;
	  background-color: #eee;
	}
	.dmlp-title-glay::before{
	  border-top: 10px solid #eee;
	}

	.dmlp-title-black{
	  color: #fff;
	  background-color: #111;
	  margin-top: 70px;
	}
	.dmlp-title-black::before {
	  border-top: 10px solid #111;
	}

	.dmlp-text{
	}

	.dmlp-line{
	  background: linear-gradient(transparent 50%, #fff100 0%);
	  background-repeat: repeat;
	  background-size: auto;
	  background-repeat: no-repeat;
	}

	.dmlp-logo{
	  max-width: 300px;
	  text-align: center;
	  margin: 30px auto 20px !important;
	}

	.dmlp-logo img{
	  width: 100%;
	}

	.dmlp-sub-title{
	  width: calc(100% - 40px);
	  max-width: 100%;
	  font-size: 16px;
	  margin: 30px auto 20px;
	  padding-left: 10px;
	  padding-right: 10px;
	  &::before{
	    display: none;
	  }
	}

	.swiper-slide{
	  box-sizing: border-box;
	}

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

	.swiper-button{
	  display: flex;
	  justify-content: center;
	  --pt: 15px;
	  height: calc(44px + var(--pt));
	  padding-top: var(--pt, 15px);
	}

	.swiper-button-next,
	.swiper-button-prev{
	  position: relative;
	  background-color: #111;
	  width: 100px;
	  height: 44px;
	  color: #fff;
	  font-size: 14px;
	  border-radius: 22px;
	  margin-top: 0 !important;
	  top: 0;
	}

	.swiper-button-next{
	  margin-right: 10px;
	  left: 0 !important;
	}
	.swiper-button-prev{
	  right: 0 !important;
	}

	.swiper-button-next::after,
	.swiper-button-prev::after{
	  display: none;
	}

	.swiper-button-next img,
	.swiper-button-prev img{
	  width: 8px;
	  height: 8px;
	}

	.swiper-button-next img{margin-right: 10px;}
	.swiper-button-prev img{margin-left: 10px;}

	.dmlp-items{
	  display: flex;
	  justify-content: center;
	  flex-wrap: wrap;
	  margin-top: 40px;
	}

	.dmlp-items li{
	  width: 115px;
	  margin: 0 7px 10px;
	}

	html.breakpoint-mobile .dmlp-items li{
	  width: 105px;
	  margin: 0 3px 10px;
	}

	.dmlp-items li .dmlp-items-icon{
	}

	.dmlp-items li .dmlp-items-icon img{
	  width: 100%;
	}

	.dmlp-items li .dmlp-items-name{
	  font-size: 16px;
	  line-height: 1.4;
	  text-align: center;
	  margin-bottom: 5px;
	}

	.dmlp-items li .dmlp-items-desc{
	  font-size: 12px;
	  line-height: 1.2;
	  text-align: center;
	  white-space: nowrap;
	}

	.dmlp-books{
	  display: flex;
	  margin-top: 50px;
	}

	html.breakpoint-mobile .dmlp-books{
	  flex-direction: column;
	}

	.dmlp-books-cover{
	  min-width: 300px;
	  text-align: center !important;
	}

	html.breakpoint-mobile .dmlp-books-cover{
	  min-width: auto;
	}

	.dmlp-books-cover img{
	  width: 300px;
	}

	.dmlp-books-box{
/*	  padding-top: 25px; */
	  margin-left: 13px;
	}

	.dmlp-books-box-title{
	  font-size: 22px;
	  margin-top: 0 !important;
	}

	.dmlp-books-box-items{
	  display: flex;
	  flex-wrap: wrap;
	  margin-top: 25px;
	}

	.dmlp-books-box-items li{
	  line-height: 1;
	  margin-right: 3px;
	  margin-bottom: 3px;
	}

	.dmlp-books-box-items li a{
	  display: inline-block;
	  width: 76px;
	  height: 40px;
	  font-size: 14px;
	  text-align: center;
	  line-height: 2.8;
	  color: #111 !important;
	  border: 2px solid #111;
	  border-radius: 22px;
	  text-decoration: none !important;
	}

	.dmlp-books-box-btn{
	  max-width: 350px;
	  margin: 25px auto 0;
	}

	.dmlp-books-box-btn-top{
	  margin-top: 40px;
	}

	.dmlp-books-box-btn a{
	  display: block;
	  text-align: center;
	  font-size: 18px;
	  color: #111 !important;
	  padding: 18px 5px;
	  background-color: #FFF000;
	  border-radius: 30px;
	  text-decoration: none !important;
	}

	.dmlp-books-box-btn a img{
	  width: 8px;
	  height: 8px;
	  margin-right: 10px;
	  vertical-align: middle;
	}

  
}