@charset "utf-8";
/* html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,d
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video { margin:0; padding:0; border:0; outline:0; vertical-align:bottom; background:transparent;}
body { line-height:1; -webkit-text-size-adjust: 100%;}
ul li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}

a { margin:0; padding:0; color: #666; text-decoration: none; vertical-align:baseline;}
a:hover { opacity: 0.7;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0;  border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}
/* ===================================================================================
  resetここまで
=================================================================================== */
#wrap {
  max-width: 750px;
  margin: 0 auto;
  box-shadow: 0 1px 20px rgba(0,0,0,.3);
}

.fv { 
  background: url("../img/bg01.jpg") no-repeat top center;
  padding-bottom: 404px;
}
.fv .note { margin: -5px 0 20px;}
.sec01 { background: url("https://20neo.jp/campaign/lp11a/img/bg02.jpg") no-repeat top center;}
.sec02 { background: url("https://20neo.jp/campaign/lp11a/img/bg03.jpg") no-repeat top center;}
.sec03 { background: url("https://20neo.jp/campaign/lp11a/img/bg04.jpg") no-repeat top center;}
.sec04 { background: url("https://20neo.jp/campaign/lp11a/img/bg05.jpg") no-repeat top center;}
.sec05 { background: url("https://20neo.jp/campaign/lp11a/img/bg06.jpg") no-repeat top center; margin-top: -1px;}
.sec06 { background: url("https://20neo.jp/campaign/lp11a/img/bg07.jpg") no-repeat top center;}
.sec07 {
  background:
    url("https://20neo.jp/campaign/lp11a/img/bg08.jpg") no-repeat top center,
    url("https://20neo.jp/campaign/lp11a/img/bg09.jpg") no-repeat bottom center,
    #e6e6df;
  padding: 0 0 30px;
}
.sec08 { 
  background: url("https://20neo.jp/campaign/lp11a/img/bg10.jpg") no-repeat top center;
  padding: 0 0 0;
}
.sec09 {
  background:
    url("https://20neo.jp/campaign/lp11a/img/bg12.jpg") no-repeat bottom center;
    height: 803px;
  text-align: center;
}
.sec10 { background: #ffffff;}
.sec11 { background: url("https://20neo.jp/campaign/lp11a/img/bg13.jpg") no-repeat top center, #e9e8e7;}
.sec12 { 
  background: url("https://20neo.jp/campaign/lp11a/img/bg14.jpg") no-repeat top center;
}
.sec13 { background: url("https://20neo.jp/campaign/lp11a/img/bg16.jpg") no-repeat top center;}
.sec14 { background: url("https://20neo.jp/campaign/lp11a/img/bg15.jpg") no-repeat top center;}
.sec15 { background: url("https://20neo.jp/campaign/lp11a/img/bg17.jpg") no-repeat top center, #f0f0eb;}
.note {
  text-align: center;
}
.voice .slider {
  width: 670px;
  margin: 0 auto 116px!important;
}
.voice .slider .prev-arrow,
.voice .slider .next-arrow {
  position: absolute; 
  top: 35%;
  z-index: 500;
  filter: drop-shadow(0 5px 5px rgba(0,0,0,0.3));
}
.voice .slider .prev-arrow { left: -30px;}
.voice .slider .next-arrow { right: -30px;}

.howto .slider2 {
  width: 600px;
  margin: 0 auto;
}
.howto .slider2 .prev-arrow,
.howto .slider2 .next-arrow {
  position: absolute;
  top: 40%;
  z-index: 500;
  filter: drop-shadow(0 5px 5px rgba(0,0,0,0.3));
}
.howto .slider2 .prev-arrow { left: -30px;}
.howto .slider2 .next-arrow { right: -30px;}
p.howto { text-align: center;}


.move { position: relative;}
.move p[class^="move"] { position: absolute;}
.move01 {
  bottom: -133px;
  left: 0;
  right: 0;
  text-align: center;
}
.move02 {
  top: 175px;
  left: 0;
  right: 0;
  text-align: center;
}
.move03 { bottom: 0; right: 0;}
.move04 { top: 46px; left: 0;}
.move05 { top: 233px; right: 0;}
.move06 { top: 77px; left: 0;}
.move07 { top: 116px; left: 105px;}
.move08 { top: 31px; right: 0;}
.move09 { top: 37px; left: 0;}
.move10 {
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.move11 { top: 110px; left: 0;}
.move12 { top: 285px; right: 0;}
.move13 {
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.move14 {
  top: 113px;
  left: 0;
  right: 0;
  text-align: center;
}
.move15 { top: 50px; left: 0;}
.move16 { top: 50px; right: 0;}
.move19 { top: 0; left: 0;}


/* アニメーション設定 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

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

.paint-left-top {
	opacity: 1;
	animation-duration: 0.8s;
	animation-name: paint-left-top;
	animation-timing-function: linear;
}
@keyframes paint-left-top {
0% {
	-webkit-clip-path: circle(0% at 0 0);
	clip-path: circle(0% at 0 0);
	opacity: 0;
}
50% {
	-webkit-clip-path: circle(86.8% at 0 0);
	clip-path: circle(86.8% at 0 0);
	opacity: 0.4;
}
100% {
	-webkit-clip-path: circle(135.6% at 5% 4%);
	clip-path: circle(135.6% at 5% 4%);
	opacity: 1;
}
}

.paint-right-top {
	opacity: 1;
	animation-duration: 0.8s;
	animation-name: paint-right-top;
	animation-timing-function: linear;
}
@keyframes paint-right-top {
0% {
	-webkit-clip-path: circle(0% at 100% 0);
	clip-path: circle(0% at 100% 0);
	opacity: 0;
}
50% {
	-webkit-clip-path: circle(80% at 100% 0);
	clip-path: circle(80% at 100% 0);
	opacity: 0.4;
}
100% {
	-webkit-clip-path: circle(160% at 100% 0);
	clip-path: circle(160% at 100% 0);
	opacity: 1;
}
}


.sec12 { padding-bottom: 40px;}
.sec13 { padding-bottom: 55px;}
.sec14 { padding-bottom: 71px;}
.move { text-align: center;}

.sec15 { padding-bottom: 80px;}
.qa_area {
  width: 670px;
  margin: 0 auto;
}
.accordionlist {
  margin-bottom: 17px;
  box-shadow: 3px 3px 3px rgba(0,0,0,.1);
}
.accordionlist dt { position: relative;}
.accordionlist dt .accordion_icon {
  position: absolute;
  top: 35px;
  right: 30px;
  transition: 0.5s;
  transform: rotate(0deg);
}
.accordionlist dt .accordion_icon.active { transform: rotate(-180deg);}
.accordionlist dd { display: none;}

button {
	display:inline-block;
	background:none;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}
button:hover { opacity: 0.7;}

footer {
	padding:2em 0;
	text-align:center;
}
footer ul {
	display:inline-block;
	text-align:center;
	font-size:0;
}
footer ul li {
	display:inline-block;
	font-family:'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:14px;
	padding:0 3em;
}




.__btn-box{
  width: 100%;
  padding: 0px 60px;
  box-sizing: border-box;
  }
  .__btn-box img{
    width: 100%;
}
  .__btn-box .__main-item{
      display: flex;
    }
    .__btn-box .__main-item .__main-item-photo{
        display: block;
        width: 46%;
      }
      .__btn-box .__main-item .__main-item-photo .__main-item-name{
        width: 52%;
}
.__btn-box02 img{
    width: 100%;
}
.__item-box-normal{
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}
.__item-box-normal-price{
        width: 35%;
}
.__item-box-normal-btn{
      width: 65%;
}