@charset "UTF-8";

/* nail_price ----------------------------------------------- */
.about .intro img{width: 120%;position: relative;left: -24%;}
.about .intro .textbox{position:relative;top: -30px;}
.about .intro .title{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif;text-align: center;font-size: 5vw;font-weight: 600;position:relative;margin-bottom: 12%;line-height: 1.6;}
.about .intro small{font-family: futura-pt;font-weight: 600;font-size: 65%;letter-spacing: 2px;display: block;}
.about .intro .title:after{content:"";background:#000;width:15%;height:2px;position:absolute;bottom: -15px;left: 43%;}
.about .intro p{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif;}

.about .gre{background:#f5edeb;padding: 12% 0% 8% 0;position:relative;margin-bottom: 10%;}
.about .gre:before{content: "";width: 64%;height: 25vw;background: url(../images/nail/greeting.png) no-repeat top;background-size: contain;position: absolute;left: 3%;top: -14px;}
.about .gre img{width: 90%;margin-left: 4%;}
.about .gre .tit{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif;font-size: 4.5vw;position: relative;margin-bottom: 9%;}
.about .gre .tit:after{content:"";background:#000;width: 25%;height: 1px;position:absolute;bottom: -10px;left: 0;}

.about .att{background: #f6f6f6;border: 3px solid #000;outline: 1px solid #000;outline-offset: -10px;padding: 10% 8%;}
.about .att .title{text-align: center;font-weight: bold;font-size: 5vw;line-height: 1.2;margin-bottom: 4%;}
.about .att .title small{font-family: futura-pt;font-weight: 500;font-size: 70%;display: block;letter-spacing: 2px;}

@media screen and (min-width: 736px) {
.about .intro img{width:auto;margin: 0 auto;left: -70px;}
.about .intro .title{font-size: 30px;margin-bottom: 80px;}
.about .intro .textbox{top: -60px;}
.about .intro p{font-size: 16px;text-align: center;}
.about .intro .title:after{bottom:-30px;}

.about .gre{padding: 80px 60px 40px 60px;width:900px;margin: 0 auto 50px;}
.about .gre:before{width: 400px;left: -20px;top: -40px;}
.about .gre .inner{width:100%;}
.about .gre img{width:auto;float: right;}
.about .gre .tit{font-size: 25px;font-weight: 600;margin-bottom: 60px;}
.about .gre p{line-height: 2;}
.about .gre .tit:after{height:2px;width: 160px;bottom: -25px;}

.about .att{padding: 70px 40px;margin-bottom: 0;}
.about .att .title{font-size: 30px;letter-spacing: 3px;}

    
}