@charset "UTF-8";
body{
  background            : #fff;
  color                 : #333;
  font-size             : 1.6rem;
  font-family           : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-feature-settings : "palt";
  letter-spacing        : 0.1em; 
  line-height           : 1.8;
  height                : 100%;
  overflow-x            : hidden;
  text-align            : justify;
  width                 : 100%;
  -webkit-font-smoothing  : antialiased;
  -moz-osx-font-smoothing : grayscale;
}

a {
	color: #6db624;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
}
a:hover img {
  opacity : 0.8;
}

img{
  display : block;
  width   : 100%;
}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}

.ml-36 {margin-left: -36px !important;}

.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}

.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}

.pt20 {padding-top: 20px !important;}

#contents {
  left      : 50%;
  position  : absolute;
  height    : 100%;
  top       : 0;
  transform : translate(-50%,0);
  width     : 1480px;
}
.inn {
  margin     : 0 auto;
  padding    : 0 10px;
  width      : 1100px;
}
#main {
  margin: 0 auto;
	background: url(/ll/lp/images/mailmag/step02/bg_header.png) no-repeat top center;
	background-size: 1480px auto;
}
#main h1 {
  margin     : 0 auto;
  padding    : 0 10px;
  width      : 1100px;
}
.bg01 {
	background: url(/ll/lp/images/mailmag/step/bg01.png) no-repeat bottom center;
	background-size: 1480px auto;
}
.bg02 {
	background: url(/ll/lp/images/mailmag/step/bg02.png) no-repeat top center;
	background-size: 1480px auto;
	padding-bottom: 40px;
}
.bg03 {
	background: url(/ll/lp/images/mailmag/step/bg03.png) no-repeat top center;
	background-size: 1480px auto;
	padding-top: 30px;
	padding-bottom: 40px;
}
.bg04 {
	background: url(/ll/lp/images/mailmag/step/bg04.png) no-repeat bottom center;
	background-size: 1480px auto;
	padding-bottom: 40px;
}
.bgPink {
	background: #ffeeef;
	padding: 80px 0;
}
.cta { position: relative; }
.cta p:last-of-type,
.cta p:nth-of-type(2) { position: absolute; }
.cta p:last-of-type img,
.cta p:nth-of-type(2) img {
	width: 461px;
	height: auto;
}
#setCta p:first-of-type {
	margin-left: -90px;
}
#setCta p:nth-of-type(2) {
	top: 780px;
	left: 310px;
}
#setCta02 p:nth-of-type(2) {
	top: 70px;
	left: 310px;
}
#teiki01 p:first-of-type {
	margin-left: -90px;
}
#teiki01 p:nth-of-type(2) {
	top: 475px;
	left: 582px;
}
#teiki01 p:last-of-type {
	top: 590px;
	left: 582px;
}
#teiki02 p:nth-of-type(2) {
	top: 538px;
	left: 302px;
}
#teiki02 p:last-of-type {
	top: 658px;
	left: 302px;
}
#teiki03 p:nth-child(2){
	position: absolute;
	top: 488px;
	left: 120px;
}
#teiki03 p:nth-child(2) img {
	width: 461px;
	height: auto;
}
#teiki03 p:last-of-type {
	top: 835px;
	left: 610px;
}
#teiki03 p:last-of-type img {
	width: 416px;
	height: auto;
}
#teiki04 p:nth-child(2){
	position: absolute;
	top: 580px;
	left: 50px;
}
#teiki04 p:nth-child(2) img,
#teiki04 p:last-of-type img {
	width: 461px;
	height: auto;
}
#teiki04 p:last-of-type {
	top: 1108px;
	left: 330px;
}
.btnTeiki {
	width: 461px;
	margin: 0 auto;
}
.teikiAt {
	margin: 30px 0 0;
	font-size: 0.9rem;
}
.teikiAt span {
	background: #ed7090;
	color: #FFF;
	display: inline-block;
	margin-right: 4px;
	padding: 0 4px;
}
.teikichui {
	margin: 0;
	font-size: 0.9rem;
	background: url("/ll/lp/images/mailmag/step2112/2112_bg_cta.png") repeat-y top center;
	padding: 0 50px 30px;
	background-size: contain;
}
.teikichui span {
	background: #ed7090;
	color: #FFF;
	display: inline-block;
	margin-right: 4px;
	padding: 0 4px;
}
/*期間限定キャンペーン*/
#teikiMm p:nth-child(2){
	position: absolute;
	top: 488px;
	left: 120px;
}
#teikiMm p:nth-child(2) img {
	width: 461px;
	height: auto;
}
#teikiMm p:last-of-type {
	top: 1533px;
	left: 610px;
}
#teikiMm p:last-of-type img {
	width: 416px;
	height: auto;
}
/*期間限定キャンペーン end*/

.bg15cta {
	background: url(/ll/lp/images/mailmag/step/bg_15cta.png) no-repeat top center;
	background-size: 1480px auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
#tsujo01 p:last-of-type {
	top: 338px;
	left: 110px;	
}
.bg15cta h2 {
	position: relative;
	z-index: 999;
}
#tsujo02 {
	margin-top: -20px;
}
#tsujo02 p a img {
	width: 176px;
	height: auto;
}
#tsujo02 p:nth-of-type(2) {
	position: absolute;
	top: 528px;
	left: 55px;	
}
#tsujo02 p:nth-of-type(3) {
	position: absolute;
	top: 528px;
	left: 316px;	
}
#tsujo02 p:nth-of-type(4) {
	position: absolute;
	top: 528px;
	left: 576px;
}
#tsujo02 p:nth-of-type(5) {
	position: absolute;
	top: 528px;
	left: 838px;
}
#enq p:last-of-type img {
	width: 380px;
	height: auto;
}
#enq p:last-of-type {
	top: 294px;
	left: 350px;
}
#step06 {
	padding-top: 0;
}
#attention {
	border-top: dotted 2px #E0D5D5;
	margin-top: 30px;
	padding-top: 30px;
	font-size: 0.9rem;
}
#attention p,
#attention ul {
	margin-bottom: 20px;
}
#footer {
  background : #E0D5D5;
	font-size: 0.8rem;
	padding: 20px 0;
}
#footer a { color: #333; }
