@charset "utf-8";


.lp_wrapper {
  position: relative;
  width: 100%;
  background-image: url("../images/img_lp_content.png");
  background-repeat: repeat-y;
  background-size: contain;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: calc(20/640*100%) auto;
  padding: calc(10/640*100%) calc(18/640*100%);
}
.lp_wrapper::before,
.lp_wrapper::after {
  width: 100%;
  height: 0;
  left: 50%;
  transform:translate(-50%, -50%);
  content: "";
  position: absolute;
  display: block; 
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: calc(20/640*100%);
}
.lp_wrapper::before {
  background-image: url("../images/img_lp_head.png");
  top: 0%;
  background-position: center bottom;
}
.lp_wrapper::after {
  background-image: url("../images/img_lp_foot.png");
  top: 100%;
  background-position: center top;
}

.lp_form {
  position: relative;
  border: 2px solid #a26b01;
  background-color: #fff;
  background-image:  url("../images/img_lp_form_corner1.png"), url("../images/img_lp_form_corner2.png"), url("../images/img_lp_form_corner3.png"), url("../images/img_lp_form_corner4.png");
  background-repeat: no-repeat;
  background-position: left top, right top, right bottom, left bottom;
  background-size: 26px 22px;
}
.lp_form_book {
  width: 100%;
  height: 0;
  padding-top: calc(388/544*100%);
  background-image: url("../images/img_lp_form_book.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp_form_book_inner {
  margin: calc(-1*388/544*100%) auto 0;
}

.lp_kuti {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.lp_kuti_cont {
  background-image: url("../images/img_lp_kuti_content.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.btn_square {
  -webkit-appearance: none;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 2% 0;
  text-decoration: none;
}
.btn_square_arrow {
  position: relative;
}
.btn_square_arrow::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 50%;
  transform:translate(-50%, -50%);
  right: 0;
  background-image: url("../images/btn_arrow_white.png");
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
a.btn_square:link,
a.btn_square:visited {
  text-decoration: none;
  color: #fff;
}
a.lp_textlink {
  color: #BE5B93!important;
  text-decoration: underline solid #BE5B93!important;
}

.mb-16px{
  margin-bottom: 16px;
}
.mb-24px{
  margin-bottom: 24px;
}
.mb-32px{
	margin-bottom: 32px;
}
.p-6{
	padding: 6%;
}
.p-12{
  padding: 2%;
}
.u-BB{
  box-sizing: border-box;
}

.p-bg--beige{
  background-color: #F2EBE3;
}
.p-bg--pink{
  background-color: #FFCFDB;
}

.p-header--lp5 {
	background-color: #714B02;
	color: #FFF;
	padding: 12px;
  box-sizing: border-box;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.p-header--lp6 {
	background-color: #714B02;
	color: #FFF;
	padding: 12px;
  box-sizing: border-box;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.p-header--lp7 {
	background-color: #A50606;
	color: #FFF;
	padding: 12px;
  box-sizing: border-box;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.p-header--lp8 {
	background-color: #F8713E;
	color: #FFF;
	padding: 12px;
  box-sizing: border-box;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.p-header--lp9 {
	background-color: #F8713E;
	color: #FFF;
	padding: 12px;
  box-sizing: border-box;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.p-header__headline{
	font-size: 1.1rem;
	line-height: 1.4;
  font-weight: 700;
}
.p-header__paragraph{
	padding: 0;
	margin: 0;
	font-size: 0.8rem;
}
.p-header__under{
	box-sizing: border-box;
	padding: 2%;
	background-color: #DFDFDF;
	font-size: 0.7rem;
	color: #000000;
	text-align: left;
}
.p-sec--lp5,
.p-sec--lp6,
.p-sec--lp7,
.p-sec--lp8,
.p-sec--lp10{
	width: 93.75%;
  margin: 0 auto;
  color: #000000;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.p-sec--lp5 h2,
.p-sec--lp6 h2,
.p-sec--lp7 h2,
.p-sec--lp8 h2,
.p-sec--lp9 h2 {
	width: 100%;
	text-align: left;
	font-size: 1.2rem;
	border-bottom: #D14D9A 1px solid;
	border-left: #D14D9A 10px solid;
	box-sizing: border-box;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}


.p-footer_bg--lp5 {
  background-color: #000000;
  margin:0 auto;
  box-sizing: border-box;
  padding: 20px 0 24px;
}
.c-roundCorner_btn--lp5 {
  display: inline-block;
  padding: 1rem 4rem;
  box-sizing: border-box;
  text-decoration: none;
  background: #D14D9A;/*ボタン色*/
  color: #FFF;
  border-radius: 2rem;
  white-space: nowrap;
}



.inner_normal--beige {
	color : #714B02;
}
.inner_bold--white {
	color : #ffffff;
	font-weight: bold;
}
.inner_bold--black {
	color : #000000;
	font-weight: bold;
}
.inner_bold--red {
	color : #ff0000;
	font-weight: bold;
}
.inner_bold--lightred {
  color : #F5411C;
	font-weight: bold;
}
.inner_bold--pink {
	color : #F68679;
	font-weight: bold;
}
.inner_bold--blue {
	color : #0022FF;
	font-weight: bold;
}
.inner_bold--blue a:link {
	color : #0022FF;
	font-weight: bold;
  text-decoration: underline solid #0022FF;
}
.inner_bold--blue a:visited {
	color : #0022FF;
	font-weight: bold;
  text-decoration: underline solid #0022FF;
}
.inner_bold--blue a:hover {
	color : #0022FF;
	font-weight: bold;
  text-decoration: underline solid #0022FF;
}
.inner_bold--blue a:active {
	color : #0022FF;
	font-weight: bold;
  text-decoration: underline solid #0022FF;
}
.inner_bold--red a:link {
	color : #FF0000;
	font-weight: bold;
  text-decoration: underline solid #FF0000;
}
.inner_bold--red a:visited {
	color : #FF0000;
	font-weight: bold;
  text-decoration: underline solid #FF0000;
}
.inner_bold--red a:hover {
	color : #FF0000;
	font-weight: bold;
  text-decoration: underline solid #FF0000;
}
.inner_bold--red a:active {
	color : #FF0000;
	font-weight: bold;
  text-decoration: underline solid #FF0000;
}

.inner_bold--black a:link {
	color : #000000;
	font-weight: bold;
  text-decoration: underline solid #000000;
}
.inner_bold--black a:visited {
	color : #000000;
	font-weight: bold;
  text-decoration: underline solid #000000;
}
.inner_bold--black a:hover {
	color : #000000;
	font-weight: bold;
  text-decoration: underline solid #000000;
}
.inner_bold--black a:active {
	color : #000000;
	font-weight: bold;
  text-decoration: underline solid #000000;
}

.c-textCenter{
  text-align: center;
}
.c-innerButton{
  text-align: center;
}
.c-innerButton a:link{
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

.c-innerButton a:visited{
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

.top-lead_lp_fixed {
  position: fixed;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
  width: 100%;
  max-width: 640px;
  height: 60px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.top-lead_lp_fixed_btns {
  position: relative;
  display: inline-block;
  padding: 4px 10px;
  background: rgba(255,255,255,0.3);
}
.top-lead_lp_fixed .c-innerButton--lp5 {
  padding: 6px;
}
.top-lead_lp_fixed .c-roundCorner_btn--lp5 {
  background: #D14D9A;
  padding-top: 10px;
  height: 44px;
}
.c-copy01 {
  width: 86%;
    color: #ffffff;
    margin: 0 auto;
    font-size: 1rem;
    text-align: center;
  box-sizing: border-box;
}
.btn_cancel {
  display: inline-block;
  position: absolute;
  margin: 0!important;
  padding: 0;
  top: 0px;
  right: 0px;
  z-index: 12;
  background: transparent;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.btn_cancel:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 11;
  width: 20px;
  height: 1px;
  margin-top: -2px;
  background: #000;
  transform: rotate(-45deg);
}
.btn_cancel:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 11;
  width: 20px;
  height: 1px;
  margin-top: -2px;
  background: #000;
  transform: rotate(45deg);
}