#main05 p,
#main05 dd {
 color: #666;
}

#main05 button{
 background-color: transparent;
 border-style: none;
 cursor: pointer;
 outline: none;
 padding: 0;
 appearance: none;
}

#main05 .howtouse .slider li {
 list-style: none;
}

#main05 .sp__img {
 display: block;
}

#main05 .pc__img,
#main05 .sd__img {
 display: none;
}

#main05 a.green {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 24px auto 32px;
 height: 104px;
 width: 280px;
 background: #01b901;
 border-radius: 8px;
 box-shadow: 4px 4px 0 rgba(0, 0, 0, .1);
 padding: 0 16px;
 box-sizing: border-box;
}

#main05 a.green img {
 width: 48px;
 height: 46px;
}

#main05 a.green p {
 color: #fff;
 font-weight: bold;
 font-size: 20px;
 width: auto;
 margin: 0;
}

/* 赤ボタン */
#main05 a.red {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 24px auto 32px;
 height: 104px;
 width: 320px;
 background: #bc173f;
}

#main05 a.red p {
 display: block;
 color: #fff;
 font-weight: bold;
 font-size: 24px;
 width: auto;
 margin: 0 auto;
}

#main05 .btn__wrapper {
 text-align: center;
}

#main05 .btn__wrapper a {
transition: .2s;
}

#main05 .btn__wrapper a:hover {
 opacity: .8;
}

#main05 {
 letter-spacing: 0.08em;
 line-height: 1.8em;
 font-feature-settings: "palt";
 /* font-family: "游ゴシック"; */
 /* font-weight: 500; */
}

#main05 h2 {
 display: block;
 font-size: 20px;
 /* font-family: "游ゴシック"; */
 background: #ff8226;
 color: #fff;
 text-align: center;
 font-weight: bold;
 margin-bottom: 24px;
 padding: 6px 0;
}

#main05 p {
 /* font-family: "游ゴシック"; */
 font-size: 14px;
 margin-bottom: 16px;
}

#main05 section h1 {
 margin: 0;
 padding: 0;
}

#main05 section.lead,
#main05 section.example,
#main05 section.detail {
 padding: 0 16px;
 margin-bottom: 80px;
}

#main05 section.howtouse {
 padding: 0 16px;
 margin-bottom: 120px;
}

#main05 .kv {
 height: 68vw;
 background: url(main05_top_sp.jpg) center/cover no-repeat;
}

#main05 .lead {
 background: #fff;
}

#main05 .lead img {
 width: 100%;
 margin: 0 auto;
}

#main05 .howtouse .comment {
 color: #01b901;
 font-weight: bold;
 text-align: center;
 margin-top: 8px;
}

#main05 .howtouse li > img {
 max-width: 80%;
 width: 100%;
 height: auto;
 margin: 0 auto;
}

#main05 .howtouse .slider {
 max-width: 280px;
 width: 100%;
 max-height: 100%;
}

#main05 .slick-prev,
#main05 .slick-next {
 background: transparent;
 transform: rotate(45deg);
 width: 20px;
 height: 20px;
}

#main05 .slick-prev {
 border-bottom: 4px solid #666;
 border-left: 4px solid #666;
 left: -24px;
}

#main05 .slick-next {
 border-top: 4px solid #666;
 border-right: 4px solid #666;
 right: -24px;
}

#main05 .slick-prev:before,
#main05 .slick-next:before {
 display: none;
}

#main05 .slick-active {
}

#main05 .slick-dots {
 bottom: -40px;
}

#main05 .slick-dots > li {
 background: #666;
 opacity: .2;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 margin: 0 8px;
}

#main05 .slick-dots .slick-active {
 opacity: 1;
}

#main05 .slick-dots > li button {
 display: none;
}

#main05 .example .comment {
 display: block;
 font-size: 12px;
 color: #fff;
 /* font-family: "游ゴシック"; */
 line-height: 2em;
}

#main05 .example h3 {
 margin-bottom: 8px;
}

#main05 .example .description {
 margin-bottom: 40px;
}

#main05 .example .item {
 margin-bottom: 40px;
}

#main05 .example dl {
 margin-bottom: 24px;

}

#main05 .example dt {
 /* font-family: "游ゴシック"; */
 color: #01b901;
 font-weight: bold;
 font-size: 20px;
 margin-bottom: 8px;
}

#main05 .example dd {
 position: relative;
 /* font-family: "游ゴシック"; */
 font-size: 14px;
 margin-left: 20px;
}

#main05 .example dd::before {
 position: absolute;
 content: "";
 top: 12px;
 left: -14px;
 margin: auto;
 width: 4px;
 height: 4px;
 background: #666;
 border-radius: 50%;
}

#main05 .example .img__wrapper {
 width: 72%;
 margin: -24px auto 0;
}

#main05 .example .img__wrapper img {
 width: 260px;
 height: auto;
}

#main05 .detail p {
 font-size: 18px;
 text-align: center;
 /* font-weight: bold; */
}


/* LargeDevice */

@media screen and (min-width: 769px) {

 #main05 .slider {
  margin-bottom: 0;
 }

 #main05 {
  font-size: 16px;
 }
 
  #main05 .pc__img {
   display: block;
  }

 #main05 .sp__img,
 #main05 .sd__img {
  display: none;
 }

 #main05 input[type="button"] {
  /* font-family: "游ゴシック"; */
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  border-style: none;
  transition: opacity .2s;
 }

 #main05 input[type="button"].green {
  margin: 0 auto;
  width: 380px;
 }

 
 #main05 .btn__wrapper.__line {
  margin: 24px auto;
  width: 380px;
 }

 #main05 .btn__wrapper.__line::before {
  top: 30px;
  left: 40px;
 }

 #main05 .btn__wrapper.__line::after {
  font-size: 32px;
  right: 40px;
 }

#main05 a.green {
 width: 380px;
 padding: 0 40px;
}

#main05 a.green img {
}

#main05 a.green p {
 font-size: 24px;
 line-height: 1.6em;
}

/* 赤ボタン */
#main05 a.red {
 width: 560px;
}

 #main05 section.lead,
 #main05 section.howtouse,
 #main05 section.example,
 #main05 section.detail {
  width: 960px;
  margin: 0 auto 80px;
 }

 #main05 h2 {
  font-size: 24px;
 }
 
 #main05 p {
  font-size: 16px;
 }
 
 #main05 .kv {
  height: 52vw;
  background: url(main05_top.jpg) top/cover no-repeat;
 }

 #main05 .howtouse .items {
  display: flex;
  align-items: center;
 }

 #main05 .howtouse .item {
  width: 50%;
 }

 #main05 .howtouse .item p {
  display: block;
  margin: 0 auto;
 }

 #main05 .howtouse .slider {
  max-width: 400px;
 }
 
 #main05 .slick-prev {
  left: -32px;
 }
 
 #main05 .slick-next {
  right: -32px;
 }

 #main05 .description {
  padding: 0 48px;
 }

 #main05 .example .comment {
  display: inline-block;
  font-size: 24px;
  margin-left: 16px;
  line-height: 1em;
 }
 
 #main05 .example .comment::before {
  content: "|";
  padding-right: 16px;
 }

 #main05 .example .description {
  padding: 0 24px;
 }

 #main05 .example .items {
  margin-top: 80px;
 }

 #main05 .example .item {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-bottom: 80px;
 }

 #main05 .example .item > div {
  width: 50%;
 }

 #main05 .example .img__wrapper {
  text-align: right;
  padding-right: 80px;
  box-sizing: border-box;
 }

 #main05 .example dt {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1.6em;

}

 #main05 .example dd {
  font-size: 16px;
  line-height: 2em;
}

}


/* SmallDevice */

@media screen and (max-width: 320px) {

#main05 .sd__img {
 display: block;
}

#main05 .pc__img {
 display: none;
}

#main05 .howtouse .slider {
 max-width: 240px;
}


#main05 .btn__wrapper.__line::before {
 left: 16px;
}

#main05 .btn__wrapper.__line::after {
 right: 16px;
}

/* 赤ボタン */
#main05 a.red {
 width: 280px;
}

#main05 .example .img__wrapper img {
 width: 220px;
}

#main05 .example dd::before {
 margin: 0;
}

#main05 .detail p {
 font-size: 16px;
}


}