@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');


#feature_ .contents_inner_ div,
#feature_ .contents_inner_ h1,
#feature_ .contents_inner_ h2,
#feature_ .contents_inner_ p,
#feature_ .contents_inner_ ul,
#feature_ .contents_inner_ li,
#feature_ .contents_inner_ span{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
}
#feature_ .contents_inner_ img{
  margin: 0;
  padding:0;
  vertical-align: bottom;
}
#feature_ .contents_inner_ a {
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
  opacity:1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  text-decoration: underline;
  color:#404040;
  line-height:2.2;
}

#feature_ .contents_inner_ a:hover {
  filter:alpha(opacity=50);
  -ms-filter:"alpha(opacity=50)";
  opacity:0.5;
  text-decoration:none;
z-index: 999;
}



.feature_ .contents_inner_ #lp_{width:1040px;  margin:0 auto;padding:0px;font-size:14px;font-family: 'Noto Sans JP', sans-serif; }
.feature_ .contents_inner_ #lp_ a{text-decoration: none;color:black;}

.feature_ .contents_inner_ #lp_ img{display:block; margin:0 auto;}
.feature_ .contents_inner_ #lp_ ul{
 display: block;
 margin:0 auto;
 padding:0px;
	margin-top:0px;
 padding-top: 0px;
 letter-spacing: -0.4em;
	text-align: center;
	
}
.feature_ .contents_inner_ #lp_ ul li{
	list-style: none;
display: -moz-inline-box;
  display: inline-block;
  *display:inline;
  *zoom: 1;
  text-align:center;
  vertical-align:middle;
  margin:0px;
  letter-spacing: normal;
	width:50%;
	position: relative;
    padding:0px;
}

.feature_ .contents_inner_ #lp_ ul li p{font-size:12px; letter-spacing: 2px;}

.feature_ .contents_inner_ #lp_ ul li img, .feature_ .contents_inner_ #lp_ ul li a img{width:100% !important;  margin:0 auto; z-index: 20;}
.feature_ .contents_inner_ #lp_ ul li.price_{margin:0px; font-family: Georgia, "Times New Roman", Times, "serif";}

.feature_ .contents_inner_ #lp_ ul li.width_{width:1040px;}


span.Lora_{ font-size:17px;letter-spacing:2px;}
span.noto_{ font-size:13px;letter-spacing:2px;}


.feature_ .contents_inner_ #lp_ ul li p.price_, .feature_ .contents_inner_ #lp_ ul li p.price_ p{margin:0 auto;letter-spacing: 2px; color:lightgray;margin-top:40px;margin-bottom:40px; 
	letter-spacing: 3px;font-size:14px;
}
.feature_ .contents_inner_ #lp_ ul li p.price_{font-size:14px; line-height: 30px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, "serif";letter-spacing: 6px;}
.feature_ .contents_inner_ #lp_ ul li a{color:black; }





.feature_ .contents_inner_ #lp_ ul li p.z-index10_{position: relative; z-index:10;}



.feature_ .contents_inner_ #lp_ .absolute_{position:absolute;}


.feature_ .contents_inner_ #lp_ ul li .z-index10_{position: relative; z-index:10;}



.feature_ .contents_inner_ #lp_ .textleft_{text-align: left !important;}


.feature_ .contents_inner_ #lp_ .wd100_{width:80px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd120_{width:120px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd160_{width:160px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd200_{width:200px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd220_{width:220px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd240_{width:240px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd280_{width:240px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd300_{width:300px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd320_{width:320px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd330_{width:330px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd350_{width:350px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd390_{width:390px !important; margin:0 auto !important;}

.feature_ .contents_inner_ #lp_ .wd400_{width:400px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd430_{width:430px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd450_{width:450px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd480_{width:480px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd500_{width:500px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd550_{width:550px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd600_{width:600px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd650_{width:650px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd700_{width:700px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd750_{width:750px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd800_{width:800px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd900_{width:900px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd1000_{width:1000px !important; margin:0 auto !important;}
.feature_ .contents_inner_ #lp_ .wd1100_{width:1100px !important; margin:0 auto;}



.feature_ .contents_inner_ #lp_ .float_left_{float: left !important;}
.feature_ .contents_inner_ #lp_ .float_right_{float: right;}
.feature_ .contents_inner_ #lp_ .mgt0_{margin-top:0px !important;}
.feature_ .contents_inner_ #lp_ .mgt20_{margin-top:20px !important;}
.feature_ .contents_inner_ #lp_ .mgt40_{margin-top:40px !important;}
.feature_ .contents_inner_ #lp_ .mgt60_{margin-top:60px !important;}
.feature_ .contents_inner_ #lp_ .mgt80_{margin-top:80px !important;}
.feature_ .contents_inner_ #lp_ .mgt100_{margin-top:100px !important;}
.feature_ .contents_inner_ #lp_ .mgt120_{margin-top:120px !important;}
.feature_ .contents_inner_ #lp_ .mgt140_{margin-top:140px !important;}
.feature_ .contents_inner_ #lp_ .mgt160_{margin-top:160px !important;}
.feature_ .contents_inner_ #lp_ .mgt180_{margin-top:180px !important;}
.feature_ .contents_inner_ #lp_ .mgt200_{margin-top:200px !important;}
.feature_ .contents_inner_ #lp_ .mgt300_{margin-top:300px !important;}
.feature_ .contents_inner_ #lp_ .mgt600_{margin-top:595px !important;}

.feature_ .contents_inner_ #lp_ .mgt-20_{margin-top:-20px !important;}
.feature_ .contents_inner_ #lp_ .mgt-40_{margin-top:-40px !important;}
.feature_ .contents_inner_ #lp_ .mgt-60_{margin-top:-60px !important;}
.feature_ .contents_inner_ #lp_ .mgt-70_{margin-top:-70px !important;}

.feature_ .contents_inner_ #lp_ .mgt-80_{margin-top:-80px !important;}
.feature_ .contents_inner_ #lp_ .mgt-100_{margin-top:-100px !important;}
.feature_ .contents_inner_ #lp_ .mgt-200_{margin-top:-200px !important;}
.feature_ .contents_inner_ #lp_ .mgl20_{margin-left:20px !important;}
.feature_ .contents_inner_ #lp_ .mgl25_{margin-left:25px !important;}
.feature_ .contents_inner_ #lp_ .mgl40_{margin-left:40px !important;}
.feature_ .contents_inner_ #lp_ .mgl60_{margin-left:60px !important;}
.feature_ .contents_inner_ #lp_ .mgl80_{margin-left:80px !important;}
.feature_ .contents_inner_ #lp_ .mgl90_{margin-left:90px !important;}
.feature_ .contents_inner_ #lp_ .mgl100_{margin-left:100px !important;}
.feature_ .contents_inner_ #lp_ .mgl140_{margin-left:140px !important;}
.feature_ .contents_inner_ #lp_ .mgl150_{margin-left:150px !important;}
.feature_ .contents_inner_ #lp_ .mgl200_{margin-left:200px !important;}

.feature_ .contents_inner_ #lp_ .mgr20_{margin-right:20px !important;}
.feature_ .contents_inner_ #lp_ .mgr40_{margin-right:40px !important;}
.feature_ .contents_inner_ #lp_ .mgr50_{margin-right:50px !important;}
.feature_ .contents_inner_ #lp_ .mgr60_{margin-right:60px !important;}
.feature_ .contents_inner_ #lp_ .mgr80_{margin-right:80px !important;}
.feature_ .contents_inner_ #lp_ .mgr65_{margin-right:65px !important;}
.feature_ .contents_inner_ #lp_ .mgr100_{margin-right:100px !important;}
.feature_ .contents_inner_ #lp_ .mgr140_{margin-right:140px !important;}
.feature_ .contents_inner_ #lp_ .mgr150_{margin-right:150px !important;}
.feature_ .contents_inner_ #lp_ .mgb100_{margin-bottom:100px !important;}



.feature_ .contents_inner_ #lp_ .clearfix_::after {
   content: "" !important;
   display: block !important;
   clear: both !important;
}

.feature_ .contents_inner_ #lp_ .flex_{ display: flex;   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;}

.feature_ .contents_inner_ #lp_ img.logo1_{ left:350px !important; bottom:440px;z-index: 10;}
.feature_ .contents_inner_ #lp_ img.logoR_{ left:450px !important; bottom:40px;z-index: 10;}
.feature_ .contents_inner_ #lp_ .item_title_{font-family: "Times New Roman","serif"; font-size:35px; font-weight:thin;font-size: 50px; display: flex;  justify-content: center;}
.feature_ .contents_inner_ #lp_ .item_title_ .big_{font-size:90px; font-weight:thin;}
.feature_ .contents_inner_ #lp_ .item_title_ .small_{font-size:40px; margin-top:40px;margin-left:20px; font-weight:thin;}

.feature_ .contents_inner_ #lp_ ul li p.toptext_{line-height: 25px !important; font-size: 12px; letter-spacing: 4px;}

.feature_ .contents_inner_ #lp_ img.logo2_{ right:150px !important; top:80px;z-index: 10;}
.feature_ .contents_inner_ #lp_ ul li div.bg1_{ background:#283c57; display: flex;-webkit-justify-content: space-around;
    justify-content: space-around;padding:30px 10px;}
.feature_ .contents_inner_ #lp_ img.detail1_{ top:50px !important; left:280px;z-index: 10;}
.feature_ .contents_inner_ #lp_ .txt2_{ top:400px; left:80px;font-size:150px; z-index: 10;font-family: "Times New Roman","serif"; }
.feature_ .contents_inner_ #lp_ .txt3_{ bottom:100px; right:80px;font-size:80px; z-index: 10; text-align: left;  font-family: "Times New Roman","serif";  font-weight: thin; line-height:28px;font-size:40px; letter-spacing: 8px;}
.feature_ .contents_inner_ #lp_ .txt4_{ bottom:400px; right:0px;font-size:80px; z-index: 10;font-family: "Times New Roman","serif";  font-weight: thin; transform: rotate( 90deg );
text-align: center; font-size:30px; letter-spacing: 8px;}

.feature_ .contents_inner_ #lp_ ul li.bg2_{ background:#f2f2f2;}


.feature_ .contents_inner_ #lp_ ul li div.star1_{display:none;z-index: -999;top:0px;}
.feature_ .contents_inner_ #lp_ ul li div.star_{display:none;z-index: -999;top:0px;}
.feature_ .contents_inner_ #lp_ ul li div.star1_.img-wrap_{display:block;}
.feature_ .contents_inner_ #lp_ ul li div.star_.img-wrap_{display:block;}
.feature_ .contents_inner_ #lp_ ul li div.star2_{display:none;z-index: -999;top:0px;}
.feature_ .contents_inner_ #lp_ ul li div.star2_.img-wrap1_{display:block;;}
.feature_ .contents_inner_ #lp_ ul li div.star3_{top:1200px;}


/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */
@keyframes fadeInUpsmall{
  0%{opacity:0;transform:translate3d(0,10%,0)}
  to{
    opacity:1;transform:none
  }
}
.fadeInUpsmall{
  animation-name:fadeInUpsmall}

@keyframes fadeInDownsmall{
    0%{opacity:0;transform:translate3d(0,-10%,0)}
    to{
      opacity:1;transform:none
    }
  }
  .fadeInDownsmall{
    animation-name:fadeInDownsmall}


@keyframes fadeInRightsmall{
      0%{opacity:0;transform:translate3d(10%,0,0)}
      to{
        opacity:1;transform:none
      }
    }
    .fadeInRightsmall{
      animation-name:fadeInRightsmall}

@keyframes fadeInLeftsmall{
        0%{opacity:0;transform:translate3d(-10%,0,0)}
        to{
          opacity:1;transform:none
        }
      }
      .fadeInLeftsmall{
        animation-name:fadeInLeftsmall}



.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 2s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}

.img-wrap_ {
  overflow: hidden;
  position: relative;
	 transition: 1s;
}

.img-wrap_:before {
  animation: img-wrap_ 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
	 transition: 1s;
}
.img-wrap1_ {
  overflow: hidden;
  position: relative;
}

.img-wrap1_:before {
  animation: img-wrap1_ 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-wrap_ {
  100% {
    transform: translateX(100%);
  }
}

@keyframes img-wrap1_ {
  100% {
    transform: translateX(-100%);
  }
}