@media screen and (max-width:667px){
/*--------------------
基本設定
----------------------*/
body#lp-supportpack #content{
	padding-top:0;
}
body#lp-supportpack .main{
  font-size: 16px;
}
body#lp-supportpack .main section{
  width: calc(100% - 20px);
  margin: 30px 10px;
  padding: 30px 1vw;
}
body#lp-supportpack .main .article h2, body#lp-supportpack .main .page h2{
  font-size: 8vw;
	font-weight:bold;
}
body#lp-supportpack .main .article h2, body#lp-supportpack .main .page h3{
  font-size: 7vw;
	font-weight:bold;
}
body#lp-supportpack .main .article ul{
	margin:0;	
	padding-left:0;
	padding-bottom:0;
}
.pc{
  display: none;
}
.mobi{
  display: block;
}
.like{
  width: auto;
}
.like2{
  width: 100%;
  padding-left: 35px;
}

/*--------------------
トップ
----------------------*/
  .top-kv img{
		margin-top:-6vw;
	}
	
	.top-kv-txt-sp {
    /*background: #8cc63f;*/
    color: #fff;
    font-size: 6vw;
    font-weight: bold;
    padding: 10px;
  }
  .top-kv-txt-sp p {
    background: #fff;
    border-radius: 30px;
    width: max-content;
    color: #8cc63f;
    margin: auto;
    padding: 10px 20px;
    line-height: 1!important;
  }
  .top-kv-txt-sp p > span:last-of-type {
    font-size: 4vw;
  }
  .top-kv-txt-sp .membership {
    font-size: 10vw;
  }

/*--------------------
お悩み
----------------------*/

.sec01-content:first-of-type{
  padding: 0 10px 20px ;
}
.sec01-content:last-of-type{
  padding: 5vw 1vw !important;
  margin-bottom: 30px;
}
	.sec01-content:last-of-type p{
		margin-bottom:0;
	}
.sec01 h2{
  padding: 4vw 0 0 5vw;
  line-height: 1.5;
}
.sec01 h2::before{
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  bottom: -20px;
}
.sec01 ul li::before{
  left: 10px;
}
.sec01 ul li{
  padding: 10px 10px 10px 50px;
}
	
/*--------------------
サポート会員数
----------------------*/
  .acheivement-content {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: center;
    align-items: center;
    padding: 20px 50px;
	margin: 20px auto;
  }
  .acheivement-txt {
    text-align: center;
    margin-bottom: 10px;
  }
  .acheivement-txt p:first-of-type {
    font-size: 26px;
  }
  .acheivement-txt p:first-of-type span {
    font-size: 20px;
  }
  .acheivement-txt p:nth-of-type(2) {
    font-size: 20px;
  }
  .acheivement-txt p:nth-of-type(2) .membership {
    font-size: 50px;
  }
	
/*--------------------
特徴
----------------------*/

.sec02 ul li{
  flex-wrap: wrap;
  justify-content: center;
  padding: 4vw;
  font-size: 18px;
}
.sec02 dl{
  flex-basis: 100%;
}
.sec02 dt{
  font-size: 25px;
  text-align: center;
}
.sec02 dd{
  margin-bottom: 10px;
}
/*--------------------
サービス内容
----------------------*/
.sec03-wrap{
  box-shadow: 0px 2px 2px 0px rgb(132, 132, 132);
  border: 2px solid #8cc63f;
  box-sizing: border-box;
}
.sec03-content:first-of-type{
  width: 100%;
  flex-wrap: wrap;
}
.sec03-content:first-of-type img{
  margin-left: 0;
  margin-top: 20px;
}

.sec03-content{
  display: block;
  padding: 30px 10px 0;
}
.sec03-content dl{
  display: block;
  margin-top: 0;
}
.sec03-content dd p{
  font-size: 16px;
}
.sec03-content dd:last-of-type,
.sec03-content dd:first-of-type{
  width: calc(100% - 20px);
  margin: 10px;
}
.sec03-content dd{
  flex: auto;
  margin-top: 20px;
}
.sec03-content:first-of-type div{
  width: 100%;
}

.sec03-content02 ul li{
  margin: 20px 10px !important;
  padding: 10px;
}
.sec03-content02 h4{
  margin: 20px 10px;
}
.sec03-content02 ul li{
  font-size: 16px;
}
	.sec03-content:first-of-type ul{
		margin-top:20px !important;
	    padding-left: 2vw !important;
	}
.sec03-content h4,
.sec03-content:first-of-type ul li{
  position: relative;
  padding: 0 0 10px 40px;
}
.sec03-content:first-of-type ul li{
  font-size: 16px;
}
.sec03-content h4 span,
.sec03-content:first-of-type ul li span{
  position: absolute;
  left: 0;
  top: -3px;
}
.sec03-content:nth-of-type(2) dd:last-of-type p:last-of-type{
  padding: 10px;
}
.sec03-wrap-sp{
  margin-top: 20px;
}
.accordion-button{
  margin: 30px 10px 0;
}
.accordion-content{
  margin: 0 10px;
  padding: 10px;
}
.accordion-content dl dt{
  padding: 20px 10px;
}
/*--------------------
お試し　バナー
----------------------*/
	.banner-sp{
		margin:0 1vw;
	}
.banner-sp img{
  width: 100%;
}

/*--------------------
テーブル
----------------------*/
.sec04 div h3{
  margin-top: 30px;
}
.sec04 div:first-of-type h3{
  margin-top: 0;
}
.sec04 td{
  padding: 5px;
}
.sec04 tr:first-of-type td:first-of-type{
  width: auto;
  font-size: 16px;
}
.sec04 tr:first-of-type td:nth-of-type(2),
.sec04 tr:first-of-type td:last-of-type{
  padding: 5px;
  font-size: 4.5vw;
}
.sec04 tr:nth-of-type(2) td span{
  font-size: 5vw;
}
.sec04 tr:first-of-type td{
  padding: 5px;
  width: calc(100% / 3);
}
.sec04 img{
  margin-top: 20px;
}
.sec04 table{
  font-size: 14px;
}
	.sec04 .acheivement-content{
		margin: 10px auto 0;
	}
/*--------------------
プロフィール
----------------------*/
.sec05{
  padding: 30px 10px;
}
.sec05 h2{
  margin-bottom: 30px;
}
.sec05 dl{
  margin-top: 30px;
}
.sec05 dl dt{
  border: 1px solid #000;
  background-color: #f3fce7;
  border-bottom: 0;
  padding: 10px 10px;
}
.sec05 dl dd{
  border: 1px solid #000;
  border-bottom: 0;
  padding: 10px 10px;
}
.sec05 dl dd:last-of-type{
  border-bottom: 1px solid #000;
}
.sec05 p{
  font-size: 16px;
}
/*--------------------
質問
----------------------*/
.sec06::before{
  background: none;
}
.sec06 ul li{
  font-size: 16px;
}
.sec06 ul li:nth-of-type(even),
.sec06 ul li:nth-of-type(odd){
  padding: 10px 10px 10px 60px;
}
.sec06 ul li:nth-of-type(even)::before,
.sec06 ul li:nth-of-type(odd)::before{
  left: 10px;
}
/*--------------------
申し込みの流れ
----------------------*/
.sec07{
  padding: 30px 10px;
}
.flow-wrap{
  flex-wrap: wrap;
  justify-content: center;
}
.flow-wrap dl{
  width: 100%;
  margin-top: 10px;
  height: auto;
}
.flow-wrap dl:first-of-type{
  margin-top: 30px;
}
/*--------------------
利用規約
----------------------*/
.sec08 p{
  height: 500px;
  margin-top: 30px;
}
/*--------------------
お申込みフォーム
----------------------*/
.sec09{
  padding: 0 0 30px 0;
}
.sec09 h3{
  font-size: 25px;
  margin-top: 30px;
}
.confirm-check{
  width: calc(100% - 20px);
  margin: 10px;
  padding: 10px;
  font-size: 20px;
}
.form-links{
  width: 100%;
}
.form-links a{
  display: block;
  margin: 0 1vw;
	font-size:3.7vw;
}
.cform{
  margin: 10px;
  width: calc(100% - 20px);
}
.cform ul li{
  padding: 0;
	border:none;
}
.cform th, .cform td{
  width: 100%;
  display: block;
  padding: 10px;
  border-top: none;
}
.cform input{
  height: 50px;
}
.cform td:first-of-type{
  border: none;
}
.cform th{
  font-size: 15px;
}
.check_btn li{
  border-bottom: 1px solid #aaa;
}
.check_btn td{
  margin-top: 10px;
}
.check_btn .check_btn_item + span{
  padding-left: 40px;
	font-size:4vw;
}
.confirm-check label::after{
  top: 35px;
}
.form-product label::after{
  top: 35px;
}
.pref{
  max-width: 100%;
}
.cform th .required-srt{
  position: relative;
  margin-left: 15px;
}
.submit-img input{
  width: 100%;
}
.form-links{
  margin-top: 30px;
}
	
.supportpack-submit-img input[type='submit'] {
    width: 80vw;
}
	
	.confirm-check {
    padding: 0 1vw 5vw 1vw;
	}
	
	.confirm-check .kakunin{
		font-size:5vw;
	    margin-left: 13vw;
	}
.confirm-check .check_btn_item + span::before {
    left: 1vw;
}
	.confirm-check .check_btn_item + span::after{
		left:4vw;
	}
/*--------------------
footer
----------------------*/
.footer p{
  font-size: 16px;
}

  /*---------------*/
  .sec03-content01{
    padding: 0 10px 20px;
  }
	.sec03-content01 p{
		font-size:16px;
	}
  .sec03-list-check li{
    padding: 0 0 0 35px;
	  font-size: 16px;
  }
	.sec03-list-check{
		padding: 10px!important;
	}
	.sec03-list-check,
	.sec03-list-like{
		margin: 0 0 30px!important;
	}
	.sec03-list-check li::before{
		top:0;
	}
	.sec03-list-like li{
		font-size: 18px;
	}
	  .mail-service{
    margin: 10px 10px 20px;
  }
	.mail-service-txt{
		padding: 10px 10px 110px;
	}
	
	.mail-service-txt p:first-of-type{
		font-size: 5vw;
	}
	.mail-service-txt img{
		right: 10px;
		width: 100px;
	}
	
	
	
	
}