@charset "UTF-8";

.index-lp01 {
background:#feecf0 url("../../lp/images/bg01.png") repeat center center / 500px;}
.index-lp01 h1 {
padding:10px 0;
background:#e48;
color:#fff;
font-size:116%;
line-height:1.2;
font-weight:600;
letter-spacing:0.05em;
white-space: nowrap;
overflow:hidden;}
.index-lp01 .img01 {
width:86%;
margin:25px auto;}

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

.index-lp01 h1 {
font-size:108%;}
.index-lp01 .img02 {
margin:0 0 15px 0;}

}

.index-lp02 {
text-align:left;
margin:0 0 60px 0;
padding:80px 0 90px 0;
background:url("../../lp/images/index0203.png") no-repeat bottom center / 36px;}
.index-lp02 h2 {
margin:0 0 0 150px;
font-size:192%;
line-height:1.5;
font-weight:600;}
.index-lp02 .img {
position:absolute;
width:120px;
left:0;
top:43%;
transform: translate(0,-50%);}

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

.index-lp02 {
padding:50px 0 90px 0;}
.index-lp02 h2 {
margin:0 0 0 0;}
.index-lp02 .img {
position:static;
width:15%;
min-width:90px;
margin:0 auto;
transform: translate(0,0);}

}

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

.index-lp02 {
padding:45px 0 75px 0;
margin:0 0 45px 0;
text-align:left;
background:url("../../lp/images/index0203.png") no-repeat bottom center / 36px;}
.index-lp02 h2 {
font-size:164%;
line-height:1.4;}

}

.index-lp03 {}
.index-lp03 li {
padding:10px 0 0 0;
width:25%;}
.index-lp03 li .txt {
padding:12px 12px 10px 12px;
text-align:left;
font-size:84%;
line-height:1.6;}

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

.index-lp03 li {
width:50%;}

}

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

.index-lp03 li .txt {
font-size:64%;}
.index-lp03 li .txt br {
display:none;}

}

.index-lp04 {
margin:120px 0 0 0;
background:#feecf0 url("../../lp/images/bg01.png") repeat center center / 500px;}
.index-lp04 h1 {
transform:translate(0,-33.3333%)}

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

.index-lp04 {
margin:18% 0 0 0;
padding:0 0 4% 0;}

}

.index-lp05 {
padding-top:0 !important;}
.index-lp05.even {
background:#feecf0 url("../../lp/images/bg01.png") repeat center center / 500px;}
.index-lp05.divide {
position:relative;
margin:0 0 34px 0;
padding:0 0 70px 0;
background:url("../../lp/images/index0203.png") no-repeat bottom center / 36px;}
.index-lp05 .img {
width:66.6666%;
margin:0 auto;
transform:translate(0,-9%)}
.index-lp05 .txt {
max-width:800px;
margin:0 auto;
text-align:left;}
.index-lp05 ul {
max-width:900px;
margin:50px auto 0;
justify-content:space-between;}
.index-lp05 ul li {
width:47.5%;
padding:20px 0 0 0;}
.index-lp05 ul li a img {
transition:0.2s;}
.index-lp05 ul li a:hover img {
transform:scale(1.05);}

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

.index-lp05 ul {
margin:5px auto;}
.index-lp05 ul li {
padding:35px 0 0 0;
width:100%;}

}

.index-lp-entry {
position:sticky;
z-index:999;
width:100%;
bottom:0;
background:rgba(255,255,255,0.66);}
.index-lp-entry ul {
justify-content:space-between;
margin:0 auto;
width:98%;
max-width:840px;}
.index-lp-entry ul li {
width:50%;}
.index-lp-entry ul li a {
display:block;
padding:2.75% 1.5%;}
.index-lp-entry ul li a img {
transition:transform 0.25s;}
.index-lp-entry ul li a:hover img {
transform:scale(1.02);}
.index-lp-entry-txt {
padding-top:20px !important;}

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

.index-lp-entry ul li a {
display:block;
padding:4.5% 1%;}

}

/* campaign  ================*/

.index-lp-campaign {
text-align:left;
max-width:900px;
padding:10px;
margin:50px auto 0;
background:#f28faa url(../../lp/images/bg02.png);
border-radius:16px;}
.index-lp-campaign-contents {
position:relative;
padding:30px;
background:rgba(255,255,255,0.8);
border-radius:10px;}
.index-lp-campaign-contents h1 {
font-size:180%;
line-height:1.4;
color:#e48;
margin:0 0 25px 0;
padding:0 0 12px 80px;
border-bottom:3px dotted #e48;}
.index-lp-campaign-contents .logo {
position:absolute;
left:-27px;
top:-27px;
width:120px;}
.index-lp-campaign-contents .logo-sanka {
position:absolute;
left:-40px;
top:-5px;
width:140px;}

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

.index-lp-campaign {
padding:8px;
margin:60px auto 0;}
.index-lp-campaign-contents {
padding:22px;}
.index-lp-campaign-contents h1 {
padding:35px 0 12px 0;
border-bottom:3px dotted #e48;}
.index-lp-campaign-contents .logo {
position:absolute;
left:50%;
top:-43px;
width:86px;
transform:translate(-50%,0);}
.index-lp-campaign-contents .logo-sanka {
position:absolute;
left:50%;
top:-45px;
width:120px;
transform:translate(-50%,0);}

}

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

.index-lp-campaign-contents h1 {
font-size:150%;}
.index-lp-campaign br {
display:none;}

}