
@media screen and (max-width:1024px) {
/*　画面サイズが1024pxからはここを読み込む　*/

/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　PC・SP表示切替　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


.pc-display{
display:none;
}

.sp-display{
display:block;
}


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　HEADER　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */



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:250px;
height:auto;
display:block;
margin:0 auto;
padding:10px 0 0 0px;
}

#header-inner{
width:100%;
margin:0 auto;
padding:10px 0 0px 0;
position:relative;
}


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　MAIN-IMG　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */




#main-img{
width:100%;
min-height:530px;
margin:0px 0 20px 0;
padding:120px 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:70%;
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:70%;
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;
z-index:10000;
}

#main-img-inner .chart01 .box{

}

#main-img-inner .chart02{
position:absolute;
bottom:-10px;
right:15px;
z-index:12000;
}

#main-img-inner .chart01 img{
width:auto;
height:200px;
}

#main-img-inner .chart02 img{
width:auto;
height:200px;
}

#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:48%;
margin:8px 4% 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;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;	
}

.catch ul li:nth-child(2n){
margin:8px 0 0 0;
}

/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　SP GLOBAL　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


#sp-global{

}


#sp-global:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


ul#sp-global{
margin:30px 0 0 0;
}


ul#sp-global li{
list-style-type:none;
float:left;
height:63px;
border-top:solid 1px #ccc;
padding:5px 0 5px 0;
width:50%;
line-height:1.1;
font-weight:bold;
text-align:center;
border-left:solid 1px #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;	
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}

ul#sp-global li:nth-child(5),
ul#sp-global li:nth-child(6){
border-bottom:solid 1px #ccc;
}


ul#sp-global li.list span.jp-title {
display: block;
font-size: 15px;
color: #928080;
}

ul#sp-global li.list span.en-title {
display: block;
color: #f17697;
font-size:0.8em;
}


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　SECTION-WRAPPER　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */



section.section-wrapper{
margin:50px auto 40px;
}


section.section-wrapper .title{
width:100%;
margin:0 auto;
padding: 10px 0 10px 0;
text-align:center;
}

section.section-wrapper .title .en-title{
font-size: 19px;
}

section.section-wrapper .title h2{
font-size:32px;
font-weight:bold;
}


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　WANTS FEATURE　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */

#wants-feature .box img{
width:70%;
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 40px;
}

#owner-needs .inner h2{
padding:0 0 0 40px;
}

#owner-needs .inner img{

}


#owner-needs .box .img img{
width:90%;
height:auto;
}

#owner-needs .box .list{
width:80%;
}


footer{
margin:80px 0 0 0;
padding:20px 0 20px 0;
}

#footer-inner{
width:90%;
margin:0 auto;	
}

#owner-needs .box .list h3{
font-size:20px;
}

#owner-needs .box .list ul{
width:94%;
padding: 20px 3% 20px 3%;
}

#owner-needs .box .list ul li{
font-size: 16px;
background: url(../images/owner-needs-li.png) no-repeat 0 13px;
background-size: 25px 25px;
padding: 12px 0 10px 35px;
border-bottom:solid 1px #ddd;
}


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　MANAGEMENT-SURGERY　■■■■■■■■■■　*/

/* ---------------------------------------------------------------------------------- */


#management-surgery .box{
background:url(../images/management-surgery-bg.png) repeat center 0;
background-size:100% auto;
-webkit-background-size: 100% auto;　/* Safari,Google Chrome用 */  
-moz-background-size: 100% auto;　/* Firefox用 */  
-o-background-size: 100% auto;　/* Opera用 */  
}

#management-surgery h2{

}


#management-surgery .box-inner{
width:100%;
}

#management-surgery .box-inner .list{
width:50%;

}

#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;
}


#management-surgery .box-inner .list:nth-child(2n){
border-right:none;	
}


#management-surgery .box-inner .list:nth-child(3n){
border-right:none;	
}


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　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{


}


#beauty-infra .inner .en-title{
padding:0 0 0 83px;

}

#beauty-infra .inner h2{
padding:0 0 0 80px;

}

#beauty-infra h2{
font-family: "NotoSansCJKjp-Bold";
}


#beauty-infra .box .img{
width:80%;
display:block;

}



#beauty-infra .opinion{
padding:0px 0% 100px 0%;
font-size:1.1em;
width:80%;
margin:30px auto 0;
}

#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: absolute;
z-index: 100;
width: 50%;
height: auto;
}


#beauty-infra .opinion .text {
position: absolute;
z-index: 1000;
left:45%;
top:20px;
}

#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:50%;
float:left;
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{
}

#system-explain .inner h2 {
padding:0 0 0 40px;
letter-spacing:-0.5px;
}

#system-explain .inner .en-title {
padding:0 0 0 40px;
}

#system-explain .img{
padding:30px 0 30px 0;
}
#system-explain .img img{
text-align:center;
width:90%;
height:auto;
display:block;
margin:0 auto;
}

#system-explain .box{
text-align:center;
width:1000px;
margin:40px auto 40px;
}


#system-explain .box{
width:94%;
margin:0 auto;

}

#system-explain .box h2{
line-height:1.1;
font-size: 20px;
}

#system-explain .box p{
margin: 15px 0 20px 0;	

}



/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　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{

}

#use-flow .inner h2{
padding:0 0 0 30px;
}

#use-flow .inner .en-title{
padding:0 0 0 30px;
}


#use-flow .box{
border:solid 4px #d1eaf9;
border-radius:4px;
width:90%;
margin:25px auto 25px;
padding:15px 3% 15px 3%;
}

#use-flow .box h2{
font-family: "NotoSansCJKjp-Black";
font-size:22px;
color:#2a8cc6;
line-height:1.0;
padding:15px 0 10px 0;
text-align:center;
}



#use-flow .box p{
font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
color:#7e8a91;
margin:20px 0 0 0;
padding:0 0 0px 0;
font-size:0.9em;
text-align:center;
}


/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　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{

}


#price p.sentence{
color:#ec7a00;
padding:10px 3% 15px 3%;
text-align:center;
font-size:18px;
line-height:1.2;
}






/* ---------------------------------------------------------------------------------- */

/*   ■■■■■■■　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{

}


#contact .inner h2,
#contact .inner .en-title{
padding:0 0 0 35px;
}
#contact p.sentence{
color: #d21279;
font-size:18px;
line-height:0.9;
padding:15px 3% 15px 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;
}






}











