@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#111;
font-family: "Noto Sans Japanese";
}

a:link {color:#333;text-decoration:underline;}
a:visited {color:#333;text-decoration:underline;}
a:hover {color:#666;text-decoration:none;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering: -webkit-optimize-contrast;}
a:hover img{filter: brightness(1.2);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}

p {font-size:110%;line-height:180%;}
@media screen and (min-width:769px){p {font-size:18px;line-height:180%;letter-spacing:1px;}}

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

#mv{margin:0;padding:0;}
#mv h1{margin:0;padding:0;}
#mv h1 img{width:100%;}
@media screen and (min-width:769px){
#mv{background:linear-gradient(to right,#ff5a8c,#8c3caa);}
#mv h1{
text-align:center;
background-image:url("img/mv_bg.png");
background-position:top center;
background-repeat:no-repeat;
}
#mv h1 img{width:1180px;}
}

.device{
margin:0;
padding:35px 20px 30px 20px;
text-align:center;
background-image:url("img/bg.gif");
}
.device img{width:100%;}
.device_end{
margin:0;
padding:40px 0 15px 0;
text-align:center;
}
.device_end img{width:100%;}
.mailform{margin:0;padding:0;}
.mailbtn{margin:0;padding:0;}
.pp{
margin:30px 0 0 0;
padding:0;
font-size:75%;
line-height:180%;
text-align:left;
color:#666;
overflow:auto;
height:60px;
}
@media screen and (min-width:769px){
.device{padding:60px 0;}
.device img{width:640px;}
.device_end{padding:40px 0 15px 0;}
.device_end img{width:640px;}
.mailform{width:680px;margin:0 auto;}
.mailbtn{width:540px;margin:0 auto;}
.pp{width:510px;margin:30px auto 0 auto;padding:15px;font-size:12px;border:solid 1px #ccc;}
}

input[type="email"], textarea, select {
width:100%;
margin:0 auto 15px auto;
padding:20px 10px;
font-size:120%;
text-align:center;
border:0;
border:solid 2px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow:inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow:inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="email"]:focus,
textarea:focus {box-shadow:0 0 7px #999;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
@media screen and (min-width:769px){
input[type="text"], textarea, select {margin:0 auto 20px auto;padding:30px 10px;font-size:24px;}
}

.yureru-j {animation: yureru-j 2s infinite;}
@keyframes yureru-j {
0% {transform: translate(0px, 2px);}
5% {transform: translate(0px, -2px);}
10% {transform: translate(0px, 2px);}
15% {transform: translate(0px, -2px);}
20% {transform: translate(0px, 2px);}
25% {transform: translate(0px, -2px);}
30% {transform: translate(0px, 0px);}
}


.result_ttl{
margin:0;
padding:30px 20px;
text-align:center;
background:#61c8c7;
}
.result_ttl img{width:100%;}
.result_bg{
margin:0;
padding:60px 0 1px 0;
background-image:url("img/bg_01.png");
}
.result_top{
margin:0;
padding:0 0 30px 0;
text-align:center;
}
.result_top img{width:100%;}
.result{
margin:0 20px 60px 20px;
padding:0 0 30px 0;
border-radius:20px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.result_head{
margin:0 0 30px 0;
padding:30px 20px;
background:#61c8c7;
border-radius:20px 20px 0 0;
}
.result_pict{
margin:0;
padding:0;
text-align:center;
}
.result_pict img{
width:50%;
padding:5px;
border-radius:50%;
border:solid 1px #000;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.result_detail{margin:0;padding:0;}
.result_detail_in{margin:0;padding:0;}
.result_title{
margin:0;
padding:0;
font-weight:900;
line-height:150%;
color:#fff;
text-align:center;
}
.size_00{font-size:240%;}
.size_01{font-size:160%;}
.result_name{
margin:20px 0 0 0;
padding:10px 20px;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
color:#61c8c7;
background:#fff;
border-radius:50px;
}
.result_message{
margin:0 20px;
padding:0;
font-size:140%;
line-height:150%;
text-align:center;
}
.result_mercari{
margin:30px 20px 0 20px;
padding:0;
text-align:center;
}
.result_mercari img{width:100%;}
.result_graf{
margin:0 20px 20px 20px;
padding:0;
text-align:center;
}
.result_graf img{width:100%;}
.result_txt{
margin:0 20px;
padding:0;
}
@media screen and (min-width:769px){
.result_ttl{padding:45px 0;}
.result_ttl img{width:768px;}
.result_bg{padding:90px 0 1px 0;}
.result_top{padding:0 0 45px 0;}
.result_top img{width:640px;}
.result{
width:1080px;
margin:0 auto 90px auto;
padding:0 0 60px 0;
border-radius:30px;
box-shadow:0 0 20px rgba(0,0,0,0.2);
}
.result_head{
margin:0 0 45px 0;
padding:45px 120px;
border-radius:30px 30px 0 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.result_pict{width:30%;}
.result_pict img{width:100%;}
.result_detail{
width:65%;
display:flex;
justify-content:center;
align-items:center;
}
.result_detail_in{width:100%;}
.result_title{text-align:left;}
.size_00{font-size:60px;}
.size_01{font-size:36px;}
.result_name{font-size:24px;}
.result_message{margin:0;font-size:28px;}
.result_mercari{margin:45px 60px 0 60px;}
.result_graf{margin:0 0 45px 0;}
.result_graf img{width:75%;}
.result_txt{margin:0 90px;}
}

/*------------------------------ 開閉 ------------------------------*/

.text_wrapper {
margin:0;
padding:0 0 25px 0;
position:relative;
}
.text {
margin:0;
padding:0;
height:150px;
overflow:hidden;
}
.show_more {
position:absolute;
bottom:20px;
left:0;
width: 100%;
height:30px;
padding-top:60px;
text-align: center;
line-height:30px;
background: linear-gradient(180deg,rgb(255, 255, 255, 0) 0%,rgb(255, 255, 255, 1) 70%);
cursor: pointer;
transition: bottom 0.2s;
font-size:20px;
font-weight:bold;
}
.show_more span{
color:#fff;
padding:5px 20px;
background:#61c8c7;
border-radius:50px;
}
.active {
background:none;
bottom:5px;
}
.active span{
color:#fff;
padding:5px 20px;
background:#61c8c7;
border-radius:50px;
}
@media screen and (min-width:769px){
.text_wrapper {margin:0;padding:0 0 30px 0;}
.show_more{font-size:100%;}
}

.subtitle{
margin:0;
padding:45px 0;
font-size:180%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
background:linear-gradient(to right,#ff5a8c,#8c3caa);
}
.status{
margin:0;
padding:45px 20px;
text-align:center;
background-image:url("img/bg_02.png");
}
.status img{width:100%;}
@media screen and (min-width:769px){
.subtitle{padding:60px 0;font-size:48px;}
.status{padding:90px 0 120px 0;}
.status img{width:1180px;}
}


.step_head{
margin:0;
padding:30px 0;
text-align:center;
background:linear-gradient(to right,#ff5a8c,#8c3caa);
}
.step_head img{width:80%;}
.step_bg{
margin:0;
padding:45px 20px 15px 20px;
background-image:url("img/grid.png");
}
.step{margin:0 0 60px 0;padding:0;}
.step_txt{margin:0;padding:0 0 30px 0;}
.step_txt img{width:100%;}
.step_pict{margin:0;padding:0;}
.step_pict img{
width:100%;
padding:10px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.3);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (min-width:769px){
.step_head{padding:45px 0;}
.step_head img{width:824px;}
.step_bg{padding:90px 0 30px 0;}
.step{
margin:0 5% 90px 5%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.step_txt{
width:48%;
padding:0;
display:flex;
justify-content:center;
align-items:center;
}
.step_pict{width:50%;}
}


.happy{
margin:0;
padding:60px 20px;
text-align:center;
background-image:url("img/bg.png");
background-position:center center;
background-size:auto 100%;
}
.movie_bg{margin:0;padding:0;}
.movie{margin:0 auto;padding:0;}
.video{
margin:0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
@media screen and (min-width:769px){
.happy{padding:120px 0 90px 0;background-size:cover;}
.movie_bg{
margin:0;
padding:120px 0;
background-image:url("img/back_01.jpg");
background-color:#f3eeea;
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
}
.movie{width:1080px;}
}


.manual_bg{
margin:0;
padding:30px 20px 60px 20px;
background-image:url("img/back_01.jpg");
background-color:#f3eeea;
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
}
.manual{
margin:0 auto;
padding:10px 30px 20px 30px;
background:#fff;
border-radius:20px;
box-shadow:0 0 10px rgba(30,0,30,0.2);
}
.manual_sub{
margin:60px 0 20px 0;
padding:0;
text-align:center;
}
.manual_sub img{width:100%;}
.manual_txt{
margin:0 0 30px 0;
padding:0 0 15px 0;
border-bottom:dashed 2px #ccc;
}
@media screen and (min-width:769px){
.manual_bg{padding:90px 0 120px 0;}
.manual{
width:768px;
padding:50px 150px 60px 150px;
border-radius:30px;
box-shadow:0 0 15px rgba(30,0,30,0.2);
}
.manual_sub{margin:90px 0 30px 0;}
.manual_sub img{width:768px:}
.manual_txt{margin:0 0 45px 0;padding:0 0 45px 0;}
}


.reco_bg{margin:0;padding:0;}
.reco_list{margin:0;padding:0;}
.reco_list img{width:100%;}
@media screen and (min-width:240px) and ( max-width:768px) {
.reco_title{display:none;}
.reco_txt{display:none;}
}
@media screen and (min-width:769px){
.reco_bg{
margin:0;
padding:100px 0 90px 0;
background-image:url("img/reco_bg.jpg");
background-position:bottom center;
background-repeat:no-repeat;
}
.reco_title{
margin:0 0 60px 0;
padding:0;
text-align:center;
}
.reco_title img{width:768px;}
.reco_list{
width:1080px;
margin:0 auto;
padding:0;
}
.reco_list img{width:640px;}
.reco_txt{
width:1080px;
margin:45px auto 0 auto;
padding:0;
}
}


.ng_bg{
margin:0;
padding:60px 20px 45px 20px;
background:#f5f7f8;
}
.ng_title{
margin:0 0 20px 0;
padding:0;
text-align:center;
}
.ng_title img{width:100%;}
.ng_contents{margin:0 auto;padding:0;}
.ng_box{
margin:0;
padding:15px 30px 30px 30px;
border:solid 4px #e61673;
background:#fff;
}
.ng_subhead{
margin:45px 0 20px 0;
padding:0 0 10px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
border-bottom:solid 2px #ccc;
}
.ng_subhead span{color:#e61673;}
@media screen and (min-width:769px){
.ng_bg{padding:100px 0 90px 0;}
.ng_title{margin:0 0 60px 0;}
.ng_title img{width:768px;}
.ng_contents{width:768px;}
.ng_box{padding:30px 60px 45px 60px;}
.ng_subhead{margin:60px 0 30px 0;font-size:30px;}
}


.fuan_bg{
margin:0;
padding:60px 20px;
background-image:url("img/bg_03.png");
}
.fuan_title{
margin:0;
padding:0;
text-align:center;
}
.fuan_title img{width:100%;}
.fuan_txt{
margin:0 auto;
padding:15px 30px 20px 30px;
background:#fff;
border-radius:20px;
box-shadow:0 0 10px rgba(0,0,60,0.2);
}
@media screen and (min-width:769px){
.fuan_bg{padding:100px 0 90px 0;}
.fuan_title img{width:640px;}
.fuan_txt{
width:768px;
padding:50px 150px 60px 150px;
border-radius:30px;
box-shadow:0 10px 10px rgba(0,0,60,0.2);
}
}


.price_bg{
margin:0;
padding:30px 20px 60px 20px;
background-image:url("img/back_01.jpg");
background-color:#f3eeea;
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
}
.price{
margin:0 auto;
padding:15px 30px 20px 30px;
background:#fff;
border-radius:20px;
box-shadow:0 0 10px rgba(30,0,30,0.2);
}
.price_box{
margin:0;
padding:10px 20px 25px 20px;
border:solid 4px #e61673;
background:#fff;
}
@media screen and (min-width:769px){
.price_bg{
margin:0;
padding:90px 0 120px 0;
background-image:url("img/back_01.jpg");
background-color:#f3eeea;
background-position:top center;
background-size:100% auto;
background-repeat:no-repeat;
}
.price{
width:768px;
margin:0 auto;
padding:50px 150px 60px 150px;
background:#fff;
border-radius:30px;
box-shadow:0 0 15px rgba(30,0,30,0.2);
}
.price_box{
margin:0;
padding:30px 60px 45px 60px;
border:solid 4px #e61673;
background:#fff;
}
}


.prf_bg{
margin:0;
padding:60px 20px;
background-image:url("img/back.jpg");
background-position:top center;
background-repeat:no-repeat;
background-size:auto 100%;
}
.prf_top{
margin:0 0 30px 0;
padding:0;
text-align:center;
}
.prf_top img{width:100%;}
.prf_pict{
margin:0 0;
padding:0;
text-align:center;
}
.prf_pict img{
width:60%;
padding:10px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.prf_name{
margin:20px 0 45px 0;
padding:0;
text-align:center;
}
.prf_name img{width:100%;}
.prf_txt{
margin:0 auto;
padding:45px 30px 60px 30px;
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.prf_title{
margin:0;
padding:0 0 20px 0;
font-size:180%;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.prf_txt ul{
margin:0;
padding:5px 0 0 0;
list-style:none;
}
.prf_txt ul li{
margin:0;
padding:10px 0 10px 25px;
font-size:120%;
line-height:180%;
position:relative;
border-bottom:dashed 2px #ded8d4;
}
.prf_txt ul li:before {
 display: block;
content: "・";
position:absolute;
left:0;
}
@media screen and (min-width:769px){
.prf_bg{padding:90px 0;background-size:cover;}
.prf_top{margin:0 0 45px 0;}
.prf_top img{width:768px;}
.prf_pict img{width:360px;}
.prf_name{margin:30px 0 60px 0;}
.prf_name img{width:768px;}
.prf_txt{width:768px;padding:60px 90px 90px 90px;}
.prf_title{font-size:48px;}
.prf_txt ul li{font-size:24px;}
}

table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:30px;
font-size:120%;
line-height:150%;
padding:10px 0;
color:#e61673;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:120%;
font-weight:bold;
line-height:150%;
padding:10px 0;
border-bottom:dotted 1px #999;
vertical-align:top;
}
@media screen and (min-width:769px){
table.check th{font-size:20px;}
table.check td{font-size:20px;}
}


/*------------------------------ よくあるご質問 ------------------------------*/

#faq{
margin:0;
padding:45px 20px;
background-image:url("img/bg.png");
background-position:top center;
background-size:cover;
}
.faq_top{
margin:0 0 45px 0;
padding:0;
text-align:center;
}
.faq_top img{width:100%;}
.faq {
margin:0;
padding:0;
}
.faq dt {
margin:0 0 15px 0;
padding:15px;
font-size:105%;
font-weight:bold;
line-height:160%;
cursor:pointer;
background-color:#fff;
border-radius:5px;
}
.faq dt span{color:#e61673;}
.faq dt:hover{color:#e61673;text-decoration:none;}
.faq dd {
margin:-15px 0 0 0;
padding:1px 0 10px 50px;
display:none;
position:relative;
}
.faq dd:after {
position:absolute;
top:15px;
left:15px;
content:"A.";
font-size:24px;
color:#e61673;
font-family: 'Roboto Condensed', sans-serif;
}
@media screen and (min-width:769px){
#faq{padding:90px 0;}
.faq_top{margin:0 0 60px 0;}
.faq_top img{width:768px;}
.faq {width:768px;margin:0 auto;padding:15px 0 0 0;}
.faq p{font-size:16px;}
.faq dt {
margin:0 0 30px 0;
padding:20px;
font-size:18px;
letter-spacing:1px;
}
.faq dd {margin:-15px 0 0 0;padding:1px 0 10px 50px;}
.faq dd:after {top:15px;left:20px;font-size:24px;}
}




#subpage{
margin:0;
padding:1px 30px 45px 30px;
}
#subpage p{font-size:80%;}
.page_title{
margin:0;
padding:45px 0 15px 0;
font-size:120%;
line-height:150%;
text-align:center;
}
table.spec{
width:100%;
border-collapse:separate;
margin:0 0 20px 0;
}
table.spec th{
padding:20px 0 5px 0;
font-size:80%;
line-height:150%;
text-align:left;
border-bottom:solid 1px #666;
display:block;
}
table.spec td{
padding:10px 0 0 0;
font-size:80%;
line-height:150%;
display:block;
}
@media screen and (min-width:769px){
#subpage{
width:768px;
margin:0 auto;
padding:15px 0 90px 0;
}
#subpage p{font-size:14px;}
.page_title{
padding:45px 0 15px 0;
font-size:24px;
letter-spacing:1px;
}
table.spec{margin:20px 0;}
table.spec th{
width:180px;
padding:10px 0;
font-size:14px;
letter-spacing:1px;
display:table-cell;
}
table.spec td{
padding:10px;
font-size:14px;
letter-spacing:1px;
border-bottom:dotted 1px #ccc;
display:table-cell;
}
}



/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.red{color:#ef0134;}
.yellow{color:#fdff89;}
.ul{text-decoration:underline;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #fdff89 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:150%;}

.center{text-align:center;}
.right{text-align:right;}

.mt{margin-top:30px;}
.order_01{}
.order_02{}
@media screen and (min-width:769px) {
.mt{margin-top:45px;}
.order_01{order:1;}
.order_02{order:2;}
}


/*---------- フッター ----------*/


#footer{
margin:0;
padding:30px 0;
font-size:75%;
line-height:200%;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#333;
}
#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:hover {color:#fff;text-decoration:none;}
@media screen and (min-width:769px){#footer{font-size:12px;}}