@charset "utf-8";
/* CSS Document */


@font-face {
font-family: "NotoSansCJKjp";
font-style: normal;
font-weight: normal;
src: url('../font/NotoSansCJKjp-Regular.eot');
src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
url('../font/NotoSansCJKjp-Regular.otf') format('opentype')
}


@font-face {
font-family: "NotoSansCJKjp-Black";
font-style:normal;
font-weight: bokd;
src: url('../font/NotoSansCJKjp-Black.eot');
src: url('../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Black.woff') format('woff'),
url('../font/NotoSansCJKjp-Black.otf') format('opentype')
}


@font-face {
font-family: "NotoSansCJKjp-Bold";
font-style:normal;
font-weight: bokd;
src: url('../font/NotoSansCJKjp-Bold.eot');
src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
url('../font/NotoSansCJKjp-Bold.otf') format('opentype')
}


@font-face {
font-family: "NotoSansCJKjp-Light";
font-style:normal;
font-weight: bokd;
src: url('../font/NotoSansCJKjp-Light.eot');
src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Light.woff') format('woff'),
url('../font/NotoSansCJKjp-Light.otf') format('opentype')
}


body{
font-family: "NotoSansCJKjp", HiraKakuProN-W3,"ヒラギノ角ゴ ProN W3",Helvetica,sans-serif;
color:#4f4f4f;

}

a{
color:#4361ac;
-webkit-transition: color 200ms linear;
-moz-transition: color 200ms linear;
-o-transition: color 200ms linear;
}

img { 

}


.hr-line{
text-align:center;
}

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

/*   ■■■■■■■　HEADLINE　■■■■■■■■■■　*/

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


h2.hl01,
.subpage h1.hl01{
text-align:center;
font-weight:normal;
color:#4f4f4f;
}

h2.hl01 span,
.subpage h1 span{
padding:4px 40px 4px 40px;
border:solid 4px #4f4f4f;
color:#4f4f4f;
text-align:center;
font-size:28px;
}

h2.h2-01{
font-size:20px;
color:#de2c89;
border-left:solid 4px #de2c89;
line-height:1.3;
padding:0 0 0 15px;
font-weight:normal;
}


.subpage #main-img h2{
color:#fff;
text-align:center;
font-size:40px;
letter-spacing:4px;
font-weight:bold;
margin-top:20px;
}

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

/*   ■■■■■■■　BOX　■■■■■■■■■■　*/

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

.box2-lfimg700{

}
.box2-lfimg700:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.box2-lfimg700 .icon{
float:left;
display:inline;
width:180px;
}

.box2-lfimg700 .txt-block{
float:right;
display:inline;
width:500px;
}

.box-st .icon img{
width:180px;
height:auto;

}


.box-st .txt-box{

}

.box-st .title{
font-size:28px;
font-weight:bold;
margin-bottom:10px;
}

.box-st .sentence{
font-size:20px;
}



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

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

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


/* ---------- header ---------- */


header{
width:100%;
padding:0px 0 18px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f8f8f8+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%, rgba(248,248,248,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(248,248,248,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(248,248,248,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
position:fixed!important;
z-index:4;
top: 0;
left:0;

}


header:before{
}


header:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

header h1#logo,
header p#logo{
float:left;
width:250px;
margin:0 15px 0 0;
}

header h1#logo img,
header p#logo img{
width:250px;
height:auto;
}

/* ---------- #header-inner ---------- */

#header-inner{
width:1120px;
margin:0 auto;
padding:17px 0 10px 0;
}

#globalNavi{
font-family: "NotoSansCJKjp";
float:left;
width:855px;
padding:5px 0 0 0;
}

#globalNavi ul{
display:inline;
list-style-type:none;
}

#globalNavi li.list{
display:inline;
margin:0 0px 0 0;
text-align:center;
line-height:1.2;
float:left;
background:url(../images/gnav-border.png) no-repeat 0 10px;

}

#globalNavi li#li01,
#globalNavi li#li04{
padding:10px 18px 0 18px;
}

#globalNavi li#li02,
#globalNavi li#li03,
#globalNavi li#li05,
#globalNavi li#li06{
padding:0 18px 0 18px;
}

#globalNavi li.list a{

display:block;
}

#globalNavi li.list span.jp-title{
display:block;
font-size:15px;
color:#928080;
}

#globalNavi li.list span.en-title{
display:block;
font-size:14px;
color:#f17697;

}

#globalNavi li.list a{
color:#686666;
}

#globalNavi li.list a:hover{

}




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

/*   ■■■■■■■　SLIDEMENU　■■■■■■■■■■　*/

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






/* ---------- #button ---------- */

.button {
background-repeat: no-repeat;
background-position: center;
}
.menu-button-left {
left: 0px;

}
.menu-button-right {
right: 0px;

}

/* ---------- #slidemenu ---------- */
.sb-slidebar.sb-active{
background-color: #f26a8d;
}

.sb-slidebar.sb-active div.title{
color:#fff;
padding:20px 0 10px 20px;
font-weight:bold;
font-size:18px;
}

.sb-slidebar.sb-active ul li {
list-style: none;
font-size:18px;
line-height: 1.2;
font-family: "NotoSansCJKjp-Light";
}
.sb-slidebar.sb-active ul a {
padding:0px 0 15px 30px;
display: block;
text-decoration: none;
color: #fff;
}


.sb-slidebar.sb-active ul .line{
border-top:solid 1px #faabbf;
}

.sb-slidebar.sb-active ul li:first-child {
border-top: none;
}
.sb-slidebar.sb-active ul li:last-child {
border-bottom: none;
}







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

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

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

#container{

}


/* ---------- #main-img ---------- */

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

#main-img-inner{
width:1120px;
margin:0 auto;
position:relative;
min-height:500px;
}

#main-img-inner #top-box{
position:relative;
width:550px;
margin:0 auto;
height:530px;
}

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

#main-img-inner #top-box h2{
text-align:center;
color:#d2117c;
line-height:1.5;
letter-spacing:1px;
font-size:26px;	
font-family: 'Meiryo UI', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
text-shadow: #fff 3px 3px 0px, #fff -3px 3px 0px,
#fff 3px -3px 0px, #fff -3px -3px 0px;

z-index:400;
position:absolute;
top:60px;
left:70px;
}


#main-img-inner #top-box .image{
text-align:center;
position:absolute;
bottom:20px;
border:none;
z-index:300;
}

#main-img-inner .image img{
border:none;
}


#main-img-inner:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}







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

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

#main-img-inner .chart01 .box{
position:relative;
}

#main-img-inner .chart02 .box{
position:relative;
}

#main-img-inner .chart img.chart-img{
display:block;
margin:0 auto;
}

#main-img-inner .chart01 .balloon-left {
position:absolute;
top:-40px;
left:-20px;
display:block;
min-width:230px;
padding: 5px 15px 5px 15px;
color: #fff;
line-height:1.5;
text-align: center;
background: #e23a66;
font-size:1.1em;
z-index: 0;
font-weight:bold;
border-radius:2px;
}

#main-img-inner .chart01 .balloon-left:after {
content: "";
position: absolute;
top: 100%; left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 10px 10px;
border-color: #e23a66 transparent transparent transparent;
border-radius:3px;	
}



#main-img-inner .chart02 .balloon-right-wrapper{
position:absolute;
top:-40px;
right:-40px;
}

#main-img-inner .chart02 .balloon-right{

display:block;
padding: 5px 15px 5px 15px;
color: #fff;
min-width:230px;
text-align: center;
background: #e23a66;
font-size:1.1em;
font-weight:bold;
z-index: 0;
border-radius:2px;	
}
#main-img-inner .chart02 .balloon-right:after {
content: "";
position: absolute;
top: 100%; left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 10px 10px;
border-color: #e23a66 transparent transparent transparent;
border-radius:3px;	
}




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

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

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




.catch{
width:1120px;
margin:20px auto 20px;
}



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

.catch ul{

}

.catch ul li{
float:left;
margin:10px 12px 0 0;
display:block;
font-size:1.1em;
padding:3px 40px 3px 40px;
line-height:1.4;
font-family: 游ゴシック, YuGothic, sans-serif;
font-weight:bold;
}

.catch ul li.li01{
border:solid 2px #ffcede;
color:#eb6e98;
}


.catch ul li.li02{
border:solid 2px #ffdba1;
color:#fcb620;
}


.catch ul li.li03{
border:solid 2px #beb4e9;
color:#8a7ebe;
}


.catch ul li.li04{
border:solid 2px #b9e976;
color:#87be2c;
}

.catch ul li.li05{
border:solid 2px #a0d9cc;
color:#61c0aa;
}

.catch ul li.li06{
border:solid 2px #c2e5fa;
color:#78c0e8;
}

.catch ul li.li07{
border:solid 2px #f8b496;
color:#f1874b;
}







.notoBlack{
font-family:"NotoSansCJKjp-Black";
}





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

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

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



section.section-wrapper{

margin:50px auto 40px;
}


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

section.section-wrapper .title .en-title{
font-size:1.2em;
font-weight:bold;
}

section.section-wrapper .title h2{
font-size:43px;
font-weight:bold;
font-family: "NotoSansCJKjp-Black";
line-height:1.2;

}
.border-gold{
background:url(../images/border-gold.png) repeat-x 0 bottom;
color:#eca700;
}

.border-gold02{
background:url(../images/border-gold02-bg.png) repeat 0 0;
color:#bf720d;
}

.border-yellow{
background:#f3c044;
color:#953800;
}

.border-orange{
background:#ffef84;
color:#ec7a00;
}

.border-pink{
background:#ffefef;
color:#d2117c;
}

.border-purple{
background:url(../images/border-purple.png) repeat-x 0 bottom;
color:#460f1c;
}

.border-blue{
background:#d1eaf9;
color:#2a8cc6;
}





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

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

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



#wants-feature{
}


#wants-feature .box{
background:url(../images/wants-feature-bg.png) no-repeat center 0;
background-size:100% auto;	
padding:60px 0 30px 0;
text-align:center;
}
#wants-feature .box img{
padding:15px 0 20px 0;
}

#wants-feature .box .title{
font-family: "NotoSansCJKjp-Bold";
padding:15px 0 20px 0;
font-weight:bold;
text-align:center;
color:#d2117c;
font-size:1.8em;
text-shadow:0 3px 0 #fff,
3px 0 0 #fff,
0 -3px 0 #fff,
-3px 0 0 #fff,
-3px -3px 0 #fff,
3px -3px 0 #fff,
-3px 3px 0 #fff,
3px 3px 0 #fff;
}

#wants-feature .box p{
font-weight:bold;
font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

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

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

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

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

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

#owner-needs .inner .title{

}

#owner-needs .inner img{
display:block;
position:absolute;
left:100px;
bottom:-10px;
width:88px;
height:auto;
}



#owner-needs .box{
background:url(../images/owner-needs-bg.png) repeat-x 0 0;
background-size:100% auto;
padding:70px 0 50px 0;
border-bottom:solid 1px #fff;
}

#owner-needs:after{
content:"";
background:#ddd;
width:100%;
height:1px;
display:block;
}

#owner-needs .box .img{
text-align:center;
margin:0px 0 50px 0;

}

#owner-needs .box .list{
width:900px;
border:solid 3px #fbcb25;
border-radius:4px;
margin:0 auto;
}

#owner-needs .box .list h3{
text-align:center;
padding:13px 0 13px 0;
background:#fbcb25;
line-height:1.4;
font-family: "NotoSansCJKjp-Bold";
font-weight:bold;
font-size:37px;
color:#953800;
}



#owner-needs .box .list ul{
padding:10px 20px 10px 20px;
width:700px;
margin:0 auto;
}

#owner-needs .box .list ul li{
list-style-type:none;
padding:15px 0 15px 45px;
font-weight:bold;
font-size:20px;
color:#460f1c;
text-align:left;
background:url(../images/owner-needs-li.png) no-repeat 0 13px;
background-size:35px 35px;
}


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

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

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


#management-surgery .title{
margin:0 0 0px 0;
}



#management-surgery h2{

}

#management-surgery h2 .icon{
position:relative;
top:-7px;
left:-5px;
width:45px;
height:auto;
}
#management-surgery .en-title{

}


#management-surgery .box{
background:url(../images/management-surgery-bg.png) repeat center 0;
background-size:100% 100%;
-webkit-background-size: 100% 100%;　/* Safari,Google Chrome用 */  
-moz-background-size: 100% 100%;　/* Firefox用 */  
-o-background-size: 100% 100%;　/* Opera用 */  
}


#management-surgery .box-inner{
width:1116px;
margin:0 auto;
}

#management-surgery .box-inner:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#management-surgery .box-inner .list{
width:370px;
float:left;	
display:inline;
border-left:solid 1px #c6c6c6;
border-bottom:solid 1px #ccc;
padding:15px 0 35px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;	

}

#management-surgery .box-inner .plist{

}

#management-surgery .box-inner .list:nth-child(3n){
border-right:solid 1px #c6c6c6;	
}

#management-surgery .box-inner .list p.point{
text-align:center;
padding:3px 0 3px 0;
text-shadow:0 3px 0 #fff,
3px 0 0 #fff,
0 -3px 0 #fff,
-3px 0 0 #fff,
-3px -3px 0 #fff,
3px -3px 0 #fff,
-3px 3px 0 #fff,
3px 3px 0 #fff;
font-weight:bold;

}

#management-surgery .box-inner #list01 p.point,
#management-surgery .box-inner #list01 h3{
color:#fc6376;
}

#management-surgery .box-inner #list02 p.point,
#management-surgery .box-inner #list02 h3{
color:#faac06;
}

#management-surgery .box-inner #list03 p.point,
#management-surgery .box-inner #list03 h3{
color:#76ac1c;
}

#management-surgery .box-inner #list04 p.point,
#management-surgery .box-inner #list04 h3{
color:#3995cb;
}

#management-surgery .box-inner #list05 p.point,
#management-surgery .box-inner #list05 h3{
color:#3bb89b;
}

#management-surgery .box-inner #list06 p.point,
#management-surgery .box-inner #list06 h3{
color:#ff6000;
}

#management-surgery .box-inner .list p.point:after{
content:"";
display:block;
width:20px;
border-bottom:solid 5px #fff;
text-align:center;
margin:0 auto;
}

#management-surgery .box-inner .list h3{
font-size:22px;
text-align:center;
font-weight:bold;
padding:5px 10px 5px 10px;
line-height:1.4;
background:rgba(255,255,255,0.7);
width:260px;
margin:0 auto 20px;
border-style:solid;
border-width:3px;
}

#management-surgery .box-inner #list01 h3{
border-color:#ffb7c0;
}
#management-surgery .box-inner #list02 h3{
border-color:#fed378;
}
#management-surgery .box-inner #list03 h3{
border-color:#b2dd6b;
}
#management-surgery .box-inner #list04 h3{
border-color:#86cdf7;
}


#management-surgery .box-inner #list05 h3{
border-color:#98e0cf;
}

#management-surgery .box-inner #list06 h3{
border-color:#ffa06b;
}

#management-surgery .box-inner .list .thumb{
text-align:center;
padding:0 0 30px 0;
}

#management-surgery .box-inner .list .thumb img{
width:150px;
height:auto;
text-align:center;
}

#management-surgery .box-inner .list p.sentence{
padding:10px 25px 10px 25px;
width:75%;
margin:0 auto;
background:rgba(255,255,255,0.7);
border-radius:2px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
align-items: center; /* 縦方向中央揃え */
min-height:70px;
font-size:0.9em;
font-weight:bold;
font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}


#management-surgery .box-inner #list01 p.sentence{
color:#fc6376;
}

#management-surgery .box-inner #list02 p.sentence{
color:#faac06;
}

#management-surgery .box-inner #list03 p.sentence{
color:#76ac1c;
}

#management-surgery .box-inner #list04 p.sentence{
color:#3995cb;
}

#management-surgery .box-inner #list05 p.sentence{
color:#3bb89b;
}

#management-surgery .box-inner #list06 p.sentence{
color:#ff6000;
}

#management-surgery .opinion{
padding:0 0 30px 0;
}

#management-surgery .opinion .catch{
font-family: "NotoSansCJKjp-Bold";
padding: 20px 0 0px 0;
font-weight: bold;
text-align: center;
color: #d2117c;
font-size: 1.8em;
text-shadow: 0 3px 0 #fff,
3px 0 0 #fff,
0 -3px 0 #fff,
-3px 0 0 #fff,
-3px -3px 0 #fff,
3px -3px 0 #fff,
-3px 3px 0 #fff,
3px 3px 0 #fff;
line-height:0;
}

#management-surgery .opinion .sentence{
text-align:center;
font-weight: bold;
font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}





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

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

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


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

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

}

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



#beauty-infra h2 .icon{
position:relative;
top:-7px;
left:-7px;
width:45px;
height:auto;
}


#beauty-infra .box{

}

#beauty-infra .box .img{
width:100%;
text-align:center;
padding:80px 0 40px 0;
}



#beauty-infra .box .img img{

}


#beauty-infra .explain{
text-align:center;
color:#d21279;
font-size:27px;
font-weight:bold;
padding:10px 0 10px 0;
line-height:0;
font-family: "NotoSansCJKjp-Bold";
}


#beauty-infra .opinion:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

#beauty-infra .opinion{
width:760px;
height:300px;
margin:50px auto 10px;
position:relative;
}


#beauty-infra .opinion img{
position:absolute;
z-index:100;
width:310px;
height:auto;
}

#beauty-infra .opinion .text{
position:absolute;
z-index:1000;
left:250px;
top:20px;
}


#beauty-infra .opinion .text .title{
font-family: "NotoSansCJKjp-Bold";
padding: 25px 0 20px 0;
margin:0 0 16px 0;
font-weight: bold;
text-align: center;
color: #d2117c;
font-size: 2.0em;
text-shadow: 0 3px 0 #fff,
3px 0 0 #fff,
0 -3px 0 #fff,
-3px 0 0 #fff,
-3px -3px 0 #fff,
3px -3px 0 #fff,
-3px 3px 0 #fff,
3px 3px 0 #fff;
line-height: 0;
}

#beauty-infra .opinion .text .sentence{
font-weight: bold;
line-height:1.76;
font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}



#beauty-infra #movie-wrap{
width:1000px;
margin:0 auto;
}

#beauty-infra #movie-wrap:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


#beauty-infra #movie-wrap .mbox{
float:left;
width:310px;
margin:20px 35px 20px 0;

}

#beauty-infra #movie-wrap .mbox .title{
text-align:center;
color:#fff;
background:#d2117c;
font-size:22px;
font-weight:bold;
line-height:0;
padding:24px 0 24px 0;
}

#beauty-infra #movie-wrap .mbox .movie{
padding:25px 25px 25px 25px;
background:#fff9f9;
border-left:solid 1px #e9d7d7;
border-right:solid 1px #e9d7d7;
border-bottom:solid 1px #e9d7d7;			
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;	
}



#beauty-infra #movie-wrap .mbox .movie video {
width:100%;
height:auto;
}

#beauty-infra #movie-wrap .mbox .movie img.movie-still{
width:100%;
height:auto;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (非標準プロパティ) */
}

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


#mainMypage [type="text"]{
background:#fff;
margin:0 0 10px 0;
border:solid 1px #ccc;
color:#d2d2d2;
font-size:12px;
width:96%;
padding:2px 2% 2px 2%;
}

.bottom{
position:relative;
margin:10px 0 0 0;
}

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

.bottom p{
color:#fff;
font-size:12px;
position:absolute;
bottom:0;
float:left;
margin:10px 0 20px 0;
width:60%;
}


.bottom .login{
float:right;
}

#mainMypage input#mainLogin{
display:block;
font-weight:bold;
color:#fff;
font-size:14px;
background:#fe4c86;
text-align:center;
-moz-text-shadow: 7px 7px 20px rgba(217, 30, 92, 0.89);
-webkit-text-shadow: 7px 7px 20px rgba(217, 30, 92, 0.89);
-ms-text-shadow: 7px 7px 20px rgba(217, 30, 92, 0.89);
text-shadow: 7px 7px 20px rgba(217, 30, 92, 0.89);
border-radius:30px;
padding:5px 20px 5px 20px;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.2);
}


#mainMypage input#mainLogin:hover{
opacity:0.8;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.0);
box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.0);
}

#mainMypage input#mainLogin:active {
background:#d82761;	
opacity:0.7;
-webkit-box-shadow: 0px 8px 5px 0px rgba(224,224,224,0);
-moz-box-shadow: 0px 8px 5px 0px rgba(224,224,224,0);
box-shadow: 0px 8px 5px 0px rgba(224,224,224,0);
}


#mainMypage input#mainLogin:hover{
cursor:pointer;
}






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

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

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


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

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


#case .box{
background:url(../images/case-bg.png) repeat center 0;
padding:0px 0 40px 0;
}

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

#case .box-inner:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}


#case .box-inner .list{
width:550px;
float:left;
height:auto;
}

#case .box-inner p.point{
color:#d17a0a;
font-family: "NotoSansCJKjp-Bold";
padding:5px 0 0px 0;
text-align:center;
}


#case .box-inner h3{
color:#d17a0a;
font-size:28px;
font-family: "NotoSansCJKjp-Bold";
padding:0px 45px 5px 45px;
line-height:1.75;
}

#case .box-inner p.sentence{
line-height:2.2;
font-size:1.1em;
font-family: "NotoSansCJKjp-Bold";
color:#936830;
padding:5px 45px 5px 45px;
}

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

#case .box-inner .list .thumb{
text-align:center;
margin:0 0 20px 0;
}

#case .box-inner .list .thumb img{
width:400px;
height:auto;

}

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

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

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


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

#system-explain .inner img{
display: block;
position: absolute;
left: 100px;
bottom: -10px;
width: 110px;
height: auto;
}

#system-explain .img{
text-align:center;
padding:60px 0 30px 0;
}

#system-explain .box{
text-align:center;
width:1000px;
margin:40px auto 40px;
}

#system-explain .box h2{
color: #d21279;
font-size: 27px;
font-weight: bold;
padding: 10px 0 10px 0;
line-height: 0;
font-family: "NotoSansCJKjp-Bold";
}

#system-explain .box p{
font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:15px 0 0 0;
line-height:1.5;
font-weight:bold;
}

#system-explain h2{
font-family: "NotoSansCJKjp-Bold";
}


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

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

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



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


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

#use-flow .inner{
position:relative;
width:980px;
margin:0 auto 0px;
}



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


#use-flow .box{
border:solid 4px #d1eaf9;
border-radius:4px;
width:980px;
margin:25px auto 25px;
padding:20px 20px 20px 20px;
}

#use-flow .box h2{
font-family: "NotoSansCJKjp-Black";
font-size:26px;
color:#2a8cc6;
line-height: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;
}


#use-flow .arrow{
text-align:center;
padding:0px 0 0px 0;
}

#use-flow .arrow img{
width:100px;
height:auto;
}




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

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

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


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


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

#price .inner{
position:relative;
width:780px;
margin:0 auto 0px;
}



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


#price p.sentence{
color:#ec7a00;
padding:10px 0 15px 0;
text-align:center;
font-size:20px;
line-height:0;
}


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

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

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

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


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

#contact .inner{
position:relative;
width:980px;
margin:0 auto 0px;
}



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

#contact p.sentence{
color: #d21279;
font-size:26px;
line-height:0;
padding:15px 0 25px 0;
text-align:center;
}

#contact p.address{
color: #d21279;
font-size:32px;
line-height:0;
padding:15px 0 25px 0;
text-align:center;
}




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

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

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


footer{
background:#d21279;
text-align:center;
color:#fff;
padding:0px 0 40px 0;
}


footer a{
color:#fff;
}


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

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

.pink{
color:#ff678f;
}


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

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

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



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


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

/*   ■■■■■■■　MAP　■■■■■■■■■■　*/

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



img[usemap] {
border: none;
height: auto;
max-width: 100%;
width: auto;
}