/*********************************

	defolt_style

*********************************/
.trial_obj {
  display: none;
}

#sec_under_lp_3271 {
  width: 100%;
  font-size: 16px;
  line-height: 1.75em;
  padding-bottom: 30px;
  box-sizing: border-box;
}

/*********************************

	style

*********************************/
.acor_contents {
  display: none;
}

[class*="box_lp_pos_unit"] {
  position: relative;
}

[class*="box_lp_pos_unit"] > [class^="unit"] {
  position: absolute;
  left: 0%;
  top: 0%;
}

.box_lp01 {
  overflow: hidden;
}

.box_lp02 {
  margin: 5px auto;
  width: 89%;
  padding: 10px 5px;
  border-top: 7px solid #b1be8c;
  background: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.box_lp03 {
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.box_lp03:nth-of-type(2) {
  margin-top: 27%;
}

.box_lp03:nth-last-of-type(-n+4) {
  margin-top: 7%;
}

.box_lp03_header {
  background: #a6c489;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-weight: bold;
  font-size: 110%;
  line-height: 1.3em;
  padding: 10px;
}

.box_lp03:nth-of-type(2) .box_lp03_header {
  padding: 20px 10px;
}

.box_lp03_contents {
  padding: 10px;
  background: #fff;
}

.box_lp03:nth-last-of-type(-n+2) .box_lp03_contents {
  border-radius: 5px 5px 0 0;
}

.box_lp03_footer {
  background: #fff url(../../../../../img/sp/lp/view/3271/bg_after_line.jpg) repeat-x left top/21px 1px;
  border-radius: 0 0 5px 5px;
  padding: 20px;
}

.box_lp04 {
  padding: 15% 0 10%;
}

.box_lp05 {
  padding: 5% 3%;
}

.box_lp_pos_unit01 {
  padding-bottom: 80px;
}

.box_lp_pos_unit01 > .unit01 {
  left: 0%;
  top: -30%;
}

.box_lp_pos_unit02 > .unit01 {
  left: 63%;
  top: 37%;
}

.box_lp_pos_unit03 > .unit01 {
  left: 52%;
  top: 32%;
}

.box_lp_pos_unit04 > .unit01 {
  left: auto;
  top: 0;
  right: -4%;
}

.box_lp_pos_unit05 > .unit01 {
  left: 15%;
  top: 50.5%;
}

.box_lp_pos_unit06 > .unit01 {
  left: 1%;
  top: -28%;
}

.box_lp_pos_unit07 > .unit01 {
  left: 0;
  top: -20px;
}

.box_lp_pos_unit08 > .unit01 {
  left: 35px;
  top: -91px;
}

@media screen and (max-width: 320px) {
  .box_lp_pos_unit07 > .unit01 {
    top: 0;
  }

  .box_lp_pos_unit08 > .unit01 {
    top: -51px;
  }
}
.box_lp_pos_unit02 .front,
.box_lp_pos_unit03 .front,
.box_lp_pos_unit04 .front {
  position: relative;
  z-index: 1;
}

.box_lp_set_unit01 > .unit01 {
  padding: 6% 0 0 9%;
}

.box_lp_set_unit02 {
  padding: 7% 0 2%;
  margin-bottom: 30px;
}

.box_lp_set_unit02 > .unit01 {
  margin: 0 auto;
}

.box_lp_unit_2col01 > .unit01 {
  float: left;
  width: 55%;
}

.box_lp_unit_2col01 > .unit02 {
  float: right;
  width: 42%;
}

.box_lp_unit_2col02 .unit01 {
  float: left;
  width: 33%;
}

.box_lp_unit_2col02 .unit02 {
  float: right;
  width: 64%;
}

.box_lp_unit_2col03 {
  margin-top: 5%;
}

.box_lp_unit_2col03 .unit01 {
  float: left;
  width: 48%;
}

.box_lp_unit_2col03 .unit02 {
  float: right;
  width: 48%;
}

.box_lp_bg01 {
  background: url(../../../../../img/sp/lp/view/3271/bg_sec01.jpg) repeat-y left top/100% 6px;
}

.box_lp_bg02 {
  margin: 0 auto;
  width: 96.88%;
  box-sizing: border-box;
  border: 7px solid #cbba8e;
  border-top: none;
  background: url(../../../../../img/sp/lp/view/3271/bg_cont04.jpg) left top/6px;
  padding: 50px 0 20px;
  position: relative;
}

.box_lp_bg02::before {
  content: "";
  background: url(../../../../../img/sp/lp/view/3271/asset07.png?ver=230713) no-repeat center/50px 58px;
  display: block;
  width: 50px;
  height: 58px;
  position: absolute;
  left: 16%;
  top: 5px;
}

.box_lp_bg03 {
  width: 87.5%;
  box-sizing: border-box;
  border: 7px solid #74806e;
  border-top: none;
  padding: 15px 7px 10px;
  margin: 0 auto;
  background: #f6f8f5 url(../../../../../img/sp/lp/view/3271/bg_cont03.png) repeat left top/73px 73px;
  background: url(../../../../../img/sp/lp/view/3271/bg_cont03.png) repeat left top/73px 73px, -moz-linear-gradient(top, #f6f8f5 36%, #ece5cb 60%);
  background: url(../../../../../img/sp/lp/view/3271/bg_cont03.png) repeat left top/73px 73px, -webkit-linear-gradient(top, #f6f8f5 36%, #ece5cb 60%);
  background: url(../../../../../img/sp/lp/view/3271/bg_cont03.png) repeat left top/73px 73px, linear-gradient(to bottom, #f6f8f5 36%, #ece5cb 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f5', endColorstr='#ece5cb',GradientType=0 );
}

.box_lp_bg04 {
  margin: 0 auto;
  width: 96.8%;
  background: url(../../../../../img/sp/lp/view/3271/bg_cont05.gif);
  padding: 1.56%;
  box-sizing: border-box;
}

.box_lp_bg04_inner {
  width: 100%;
  background: url(../../../../../img/sp/lp/view/3271/bg_cont02.jpg);
}

.box_lp_bg05 {
  background: url(../../../../../img/sp/lp/view/3271/bg_sec02.jpg);
  padding: 3% 0;
}

.box_lp_bg06 {
  background: url(../../../../../img/sp/lp/view/3271/bg_cont01.png) repeat-y left top/100% auto;
  padding: 10% 3.1% 5%;
  box-sizing: border-box;
}

.img_lp01 {
  width: 85.47%;
}

.img_lp02 {
  width: 57.34%;
}

.img_lp03 {
  width: 34%;
}

.img_lp04 {
  width: 25%;
}

.img_lp05 {
  width: 90.93%;
  margin: 0 auto;
  position: relative;
}

.img_lp06 {
  width: 100%;
  margin: 20px auto 0;
}

.img_lp07 {
  width: 90.93%;
  margin: 30px auto 0;
  position: relative;
}

.img_lp08 {
  width: 39%;
}

.img_lp09 {
  width: 44.69%;
  padding-left: 3%;
}

.img_lp10 {
  width: 47.19%;
  padding-top: 30px;
}

.img_lp11 {
  width: 50.31%;
  padding-top: 30px;
}

.img_lp12 {
  width: 43.59%;
  padding-top: 30px;
}

.img_lp13 {
  width: 92.19%;
  margin: 50px auto 0;
}

.img_lp14 {
  width: 21.72%;
}

.img_lp15 {
  width: 91.67%;
  margin: auto;
  padding: 3% 0 6%;
}

.img_lp16 {
  width: 77.5%;
  margin: auto;
}

.img_lp17 {
  width: 77.5%;
  margin: 6% auto 0;
}

.img_lp18 {
  width: 100%;
}

.img_lp19 {
  width: 50%;
}

.img_lp20 {
  width: 100%;
  margin: 7% -3.1%;
}

.img_lp20 img {
  width: 106.2%;
}

.img_lp21 {
  width: 75%;
  margin: 0 auto;
}

.img_lp22 {
  width: 57.19%;
  margin: 15% auto 0;
}

.img_lp23 {
  width: 56.88%;
  margin: 15% auto 0;
}

.img_lp24 {
  margin-top: 7%;
}

.img_lp24 img {
  vertical-align: bottom;
}

.text_lp01 {
  padding: 20px;
}

.text_lp02 {
  padding: 15px 20px 20px;
}

.text_lp03 {
  margin-top: 10px;
  background: url(../../../../../img/sp/lp/view/3271/bg_text01.gif) repeat-y left top/100% 28px;
}

.text_lp04 {
  padding: 0 3.6%;
}

.text_lp05 {
  padding: 7%;
  position: relative;
}

.text_lp05::before {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  left: 3%;
  top: 6%;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
}

.text_lp05::after {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  right: 3%;
  bottom: 6%;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
}

.text_lp06 {
  margin: 3% 4.69% 0;
}

.text_lp07 {
  font-weight: bold;
  font-size: 120%;
  line-height: 1.2em;
}

.text_lp08 {
  font-size: 90%;
  line-height: 1.5em;
}

.text_lp_strong01 {
  font-weight: bold;
  background: url(../../../../../img/sp/lp/view/3271/lp_bg_text01.gif) no-repeat left bottom/100% 0.4em;
}

.sttl_lp01 {
  position: relative;
}

.sttl_lp01::after {
  content: "";
  display: block;
  background: url(../../../../../img/sp/lp/view/3271/asset21_2.png) no-repeat center/contain;
  width: 20%;
  padding-bottom: 24.53%;
  position: absolute;
  left: 68%;
  top: -55%;
}

.ul_lp_list01 {
  margin: 0.5% 5px 0 15%;
}

.ul_lp_list02 li {
  background: url(../../../../../img/sp/lp/view/3271/ico_after01.png) no-repeat left 5px/21px 17px;
  padding: 1px 0 0 31px;
}

.ul_lp_list03 {
  margin: 30px 0 0 0;
}

.ul_lp_list03 li {
  background: url(../../../../../img/sp/lp/view/3271/ico_after02.png) no-repeat left top/26px;
  padding-left: 36px;
}

.ul_lp_list03 li:nth-of-type(2) {
  background-image: url(../../../../../img/sp/lp/view/3271/ico_after03.png);
}

.ul_lp_list03 li:nth-of-type(3) {
  background-image: url(../../../../../img/sp/lp/view/3271/ico_after04.png);
}

.ul_lp_list03 li + li {
  margin-top: 25px;
}

.dl_lp_list01 dt {
  font-size: 90%;
  line-height: 1.7em;
}

.dl_lp_list01 dd {
  margin-bottom: 2%;
  font-weight: bold;
}

.dl_lp_list01 dd span:not(.marker04) {
  font-size: 150%;
}

.btn_lp_acor01 {
  position: relative;
  margin-top: 30px;
}

.btn_lp_acor01:first-of-type {
  margin-top: 0;
}

.btn_lp_link01 {
  text-align: center;
  margin-top: 40px;
}

.btn_lp_link01 a,
.btn_lp_link01 a:visited {
  display: inline-block;
  padding: 10px 25%;
  background: #b7d0a0;
  background: url(../../../../../img/sp/lp/view/3271/ico_btn_arrow02.png) no-repeat right 5px center/19px, -moz-linear-gradient(top, #b7d0a0 47%, #a6c489 50%);
  background: url(../../../../../img/sp/lp/view/3271/ico_btn_arrow02.png) no-repeat right 5px center/19px, -webkit-linear-gradient(top, #b7d0a0 47%, #a6c489 50%);
  background: url(../../../../../img/sp/lp/view/3271/ico_btn_arrow02.png) no-repeat right 5px center/19px, linear-gradient(to bottom, #b7d0a0 47%, #a6c489 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7d0a0', endColorstr='#a6c489',GradientType=0 );
  color: #fff;
  text-decoration: none;
  text-align: left;
  border-radius: 10px;
  width: 100%;
  padding: 10px 9% 10px 25%;
  box-sizing: border-box;
}

.btn_lp_link01 span {
  font-size: 125%;
  font-weight: bold;
}

.btn_lp_acor01::after {
  content: "";
  display: block;
  background: url(../../../../../img/sp/lp/view/3271/ico_btn_arrow01.png) no-repeat center/22px;
  width: 22px;
  height: 22px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: .3s;
  position: absolute;
  left: 92%;
  top: 0%;
  right: auto;
  bottom: 0%;
  margin: auto 0;
}

.btn_lp_acor01.open::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

@media screen and (max-width: 320px) {
  .btn_lp_link01 a {
    font-size: 86%;
  }
}
