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


body {
font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
color: #4f4f4f;
}

/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　PC・SP表示切替　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */

.pc-display{
display:none;
}
.sp-display{
display:block;
}

/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　HEADER　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


header{
width:100%;
padding:0px 0 5px 0;
}


header h1{
text-align:center;
}

header h1#logo, header p#logo {
float: none;
width: 100%;
margin: 0 0 0 0;
}

header h1#logo img,
header p#logo img{
width:150px;
height:auto;
display:block;
margin:0 auto;
padding:0px 0 0 0px;
}

#header-inner{
width:100%;
margin:0 auto;
padding:10px 0 5px 0;
position:relative;
}



/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　MAIN-IMG　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


#main-img{
width:100%;
min-height:530px;
margin:0px 0 20px 0;
padding:80px 0 10px 0;
background:url(../images/main-img-bg.png) repeat 0 0;
background-size:40px 40px;
}

#main-img-inner #top-box{
width:100%;
height:auto!important;
margin: 0 auto 0px;
}


#main-img-inner #top-box .image{
text-align:center;
position:static;
bottom:0;
margin:0 0 0px 0;
z-index:8000;
}

#main-img-inner #top-box .image img{
width:80%;
height:auto;
position:relative;
top:-20px;
z-index:8000;
}

#main-img-inner{
width:100%;
margin:0 auto;
position:relative;
min-height:530px;
}

#main-img-inner #top-box .logo {
text-align: center;
z-index: 500;
position: static;
top:0;
}

#main-img-inner .logo img{
width:90%;
height:auto;
}


#main-img-inner #top-box h2{
text-align:center;
color:#d2117c;
line-height:1.5;
letter-spacing:-1px;
font-size:20px;	
position:relative;
top:0;
left:0;
z-index:9000;
}

#main-img-inner .chart01{
position:absolute;
bottom:-10px;
left:15px;
}

#main-img-inner .chart01 .box{

}

#main-img-inner .chart02{
position:absolute;
bottom:-10px;
right:15px;
}

#main-img-inner .chart01 img{
width:auto;
height:150px;
}

#main-img-inner .chart02 img{
width:auto;
height:150px;
}

#main-img-inner .chart01 .balloon-left{
position:absolute;
left:0px;
display:block;
min-width:110px;
padding: 3px 8px 3px 8px;
color: #fff;
line-height:1.5;
text-align: center;
background: #e23a66;
font-size:0.7em;
z-index: 600;
font-weight:bold;
border-radius:2px;
}

#main-img-inner .chart02 .balloon-right-wrapper{
right:0;
}

#main-img-inner .chart02 .balloon-right{
display:block;
min-width:100px;
padding: 3px 8px 3px 8px;
color: #fff;
line-height:1.5;
text-align: center;
background: #e23a66;
font-size:0.7em;
z-index: 700;
font-weight:bold;
border-radius:2px;
}

#main-img-inner .chart01 .balloon-left:after {
top: 90%; left: 50%;
}

#main-img-inner .chart02 .balloon-right:after{
top: 90%; left: 50%;
}




/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　CATCH　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


.catch{
width:94%;
margin:0 auto;	
padding:0 3% 0 3%;
}

.catch ul:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.catch ul li{
width:100%;
margin:8px 0 0 0;
font-size:0.8em;
padding:5px 5% 5px 5%;
line-height:1.2;
font-family: 游ゴシック, YuGothic, sans-serif;
border:solid 2px #fba3ba;
font-weight:bold;
list-style-type:none;
text-align:center;
}

.catch ul li:nth-child(2n){
margin:10px 0% 0 0
}



/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　SECTION-WRAPPER　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */



section.section-wrapper{

margin:50px auto 40px;
}


section.section-wrapper .title{
width:100%;
margin:0 auto;
padding: 10px 0 8px 0;
text-align:center;
}

section.section-wrapper .title .en-title{
font-size: 15px;
}

section.section-wrapper .title h2{
font-size:21px;
font-weight:bold;

}




/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　WANTS FEATURE　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */

#wants-feature .box img{
width:90%;
height:auto;
}

#wants-feature .box .title{

}

/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　OWNER NEEDS　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */



#owner-needs{
padding:20px 0 0 0;
}

#owner-needs .inner{
width: 100%;
margin:0 auto;
position:relative;
}

#owner-needs .inner .en-title{
padding:0 0 0 70px;
}

#owner-needs .inner h2{
padding:0 0 0 70px;
}

#owner-needs .inner img{
display:block;
position:absolute;
left:5px;
bottom:-8px;
width:68px;
height:auto;
}


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　MANAGEMENT-SURGERY　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


#management-surgery h2{

}


#management-surgery .box-inner{
width:100%;
}

#management-surgery .box-inner .list{
width:100%;
}

#management-surgery .opinion{
padding:40px 3% 40px 3%;
font-size:1.1em;
}



#management-surgery .opinion .catch{
line-height:1.4;
padding: 20px 0 5px 0;
}

/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　BEAUTY INFRA　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */

#beauty-infra h2{
font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}


#beauty-infra .inner{
position:relative;
width:100%;
margin:0 auto;
}

#beauty-infra .inner img{
display: block;
position: absolute;
left: 0px;
bottom: -10px;
width: 98px;
height: auto;

}


#beauty-infra .inner .en-title{
padding:0 0 0 83px;
font-size:0.9em;
}

#beauty-infra .inner h2{
padding:0 0 0 80px;
font-size:1.3em;
}

#beauty-infra h2{
font-family: "NotoSansCJKjp-Bold";
}


#beauty-infra .box .img{
width:100%;
}



#beauty-infra .opinion{
padding:0px 0% 100px 0%;
font-size:1.1em;
width:100%;
}

#beauty-infra .opinion .text .title {
line-height:1.0;
font-size:22px;
text-align: center;
padding: 25px 10px 0px 10px;	
}

#beauty-infra .opinion img{
position: relative;
z-index: 100;
width: 100%;
height: auto;
}


#beauty-infra .opinion .text {
position: relative;
z-index: 1000;
left:0;
top: -120px;
}

#beauty-infra .opinion .text .sentence {
font-size:15px;
text-align:center;
}

#beauty-infra .explain{
line-height:1.2;
font-size: 20px;
padding:0 0 0 0;
}

#beauty-infra #movie-wrap {
width: 100%;
margin: 0 auto;
}
#beauty-infra #movie-wrap .mbox{
float:none;
width:94%;
margin: 20px auto 20px;

}

#beauty-infra #movie-wrap .mbox .movie{
padding:10px;
}


#beauty-infra #movie-wrap .mbox:nth-child(3n){
margin:20px auto 20px;
}


#beauty-infra #movie-wrap .mbox .movie .youtube{
position: relative;
width: 100%;
padding-top: 56.25%;
}
#beauty-infra #movie-wrap .mbox .movie .youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}



/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　CASE　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


#case h2{

}

#case h2 .icon{
position:relative;
top:-2px;
left:-7px;
width:18px;
height:auto;
}


#case .box-inner {
width:94%;
padding: 60px 0 0 0;
margin: 0 auto;
}

#case .box-inner .list{
width:100%;
float:none;
padding:20px 0 20px 0;
}


#case .box-inner .list .thumb img{
width:90%;
height:auto;
}

#case .box-inner .list:nth-child(2n+1) {
margin: 0 0px 0 0;
border-right:none;
border-bottom:solid 1px #ddd;
}

#case .box-inner h3{
line-height:1.3;
font-size: 26px;
padding: 0px 30px 5px 30px;	
}

#case .box-inner p.point{
font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;	
}

#case .box-inner p.sentence {
line-height: 1.8;
font-size: 1.0em;
font-family: "NotoSansCJKjp-Bold";
color: #b38c59;
padding: 5px 30px 5px 30px;
}






/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　SYSTEM EXPLAIN　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


#system-explain{
padding:90px 0 0 0;
}
#system-explain .inner{
position:relative;
width:100%;
margin:0 auto;
}

#system-explain .inner img{
display: block;
position: absolute;
left: 5px;
bottom: -8px;
width: 80px;
height: auto;
}

#system-explain .inner h2 {
padding:0 0 0 40px;
letter-spacing:-0.5px;
}

#system-explain .inner .en-title {
padding:0 0 0 40px;
}




/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　USE-FLOW　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


#use-flow{
padding:90px 0 0 0;
}


#use-flow .title{
margin:0 0 40px 0!important;
}

#use-flow .inner{
position:relative;
width:100%;
margin:0 auto 0px;
padding:0 0 0 20px;
}



#use-flow .inner img{
display: block;
position: absolute;
left: 10px;
bottom: -8px;
width: 80px;
height: auto;
}

#use-flow .inner h2{
padding:0 0 0 30px;
}

#use-flow .inner .en-title{
padding:0 0 0 30px;
}



/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　PRICE　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


#price{
padding:90px 0 0 0;
}


#price .title{
margin:0 0 40px 0!important;
}

#price .inner{
position:relative;
width:94%;
margin:0 auto 0px;
padding:0 0 0 35px;
}



#price .inner img{
display: block;
position: absolute;
left: 15px;
bottom: -8px;
width: 80px;
height: auto;
}





/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　CONTACT　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */

#contact{
padding:20px 0 0 0;
}


#contact .title{
margin:0 0 40px 0!important;
}

#contact .inner{
position:relative;
width:100%;
margin:0 auto 0px;
padding:0 0 0 20px;
}



#contact .inner img{
display: block;
position: absolute;
left: 10px;
bottom: -10px;
width: 80px;
height: auto;
}


#contact .inner h2,
#contact .inner .en-title{
padding:0 0 0 35px;
}
#contact p.sentence{
color: #d21279;
font-size:18px;
line-height:1.2;
padding:15px 3% 25px 3%;
text-align:center;
}

#contact p.address{
color: #d21279;
font-size:22px;
line-height:1.2;
padding:15px 3% 25px 3%;
text-align:center;
}



/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　FOOTER　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */



#footer-inner .fl ul{
background:url(../images/footer-hr-sp.png) no-repeat center bottom;
background-size:200px 5px;
}

#footer-inner .fl ul li:last-child{
padding: 5px 0 20px 0;
}

#footer-inner .fl .title{
margin-top:20px;
}

.footer-hr{
display:none;
}


footer .top{
border-bottom:solid 1px #cf79a9;
line-height:1.0;
padding:30px 0 30px 0;
}

footer .bottom{
line-height:1.0;
padding:20px 0 25px 0;
}


.footer-logo img{
width:160px;
height:auto;
}
#footer-inner .copyright{
font-size:14px;
}




}