@charset "UTF-8";
/* top sp
----------------------------------------------- */
.top-greeting { padding: 16vw 0; }

.top-greeting-content { width: 90vw; margin: auto; border: 2px solid #000; z-index: 1; position: relative; }
.top-greeting-content:before { content: ''; width: 65vw; height: 28vw; background: url(../images/top-greeting-deco01.png) no-repeat top center; background-size: 100%; z-index: -1; position: absolute; top: -16vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-greeting-content:after { content: ''; width: 65vw; height: 28vw; background: url(../images/top-greeting-deco02.png) no-repeat center bottom; background-size: 100%; z-index: -1; position: absolute; bottom: -16vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.top-greeting-content-inner { padding: 8vw 0; background: #fff; }

.top-greeting-title { padding-bottom: 1vw; margin-bottom: 6vw; text-align: center; background: url(../images/deco01.png) no-repeat center bottom; background-size: 55vw; }
.top-greeting-title .en { margin-bottom: 2vw; font-size: 9.21vw; font-family: futura-pt; font-weight: 500; letter-spacing: 0.5vw; display: block; }
.top-greeting-title .jp { color: #333; font-size: 3.16vw; display: block; }

.top-greeting-text { margin-bottom: 6vw; }
.top-greeting-text p { font-size: 3vw; text-align: left; line-height: 1.8; width: 90%;margin: 0 auto 3%;}

.top-greeting-text-title { margin-bottom: 4vw; font-size: 4.5vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif; text-align: center; line-height: 1.6; }

.top-service { padding: 12vw 0 7vw; background: url(../images/top-service-bg.jpg) no-repeat center bottom; background-size: 100%; }

.top-service-items { width: 90vw; margin: auto; }
.top-service-items li { width: 100%; padding: 8vw; margin-bottom: 5vw; background: #f1e4df; }

.top-service-item-title { margin-bottom: 4vw; color: #6c6c6d; font-size: 4.47vw; font-weight: bold; text-align: center; line-height: 1.4; }

.top-service-item-comment { margin-bottom: 4vw; font-size: 3.16vw; line-height: 1.6; }

.top-service-item-more { width: 50vw; padding: 4vw 0 3vw; margin: auto; font-size: 3.68vw; font-family: garamond-premier-pro; font-weight: 500; text-align: center; letter-spacing: 0.2vw; background: #fff; -moz-border-radius: 20vw; -webkit-border-radius: 20vw; border-radius: 20vw; }

.top-banner { padding: 12vw 0 2vw; background: url(../images/top-banner-bg.jpg) repeat top center; background-size: 1000px; }

.top-banner-items { width: 90vw; margin: auto; }
.top-banner-items li { width: 100%; margin-bottom: 10vw; }
.top-banner-items li:nth-child(odd) .top-banner-item-text { margin-left: auto; }
.top-banner-items li:nth-child(even) .top-banner-item-image { margin-left: auto; }

.top-banner-item-image { width: 64vw; }

.top-banner-item-text { width: 75vw; padding: 4px; margin-top: -12vw; background: #fff; border: 2px solid #000; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); z-index: 1; position: relative; }

.top-banner-item-text-inner { padding: 6vw 5vw; border: 1px solid #000; }
.top-banner-item-text-inner p { font-size: 3.16vw; line-height: 1.6; }

.top-banner-item-title { margin-bottom: 2.5vw; }
.top-banner-item-title .main { margin-bottom: 1.5vw; font-size: 4.61vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif; display: block; }
.top-banner-item-title .sub { color: #a87868; font-family: futura-pt; font-weight: 500; font-size: 3.16vw; letter-spacing: 0.5vw; display: block; }

.top-banner-item-more { width: 10vw; position: absolute; right: -1vw; bottom: -5vw; }
.top-banner-item-more img { width: 100%; }

.top-voice { padding: 12vw 0; }

.top-voice-items { width: 90vw; margin: auto; }
.top-voice-items li { width: 100%; padding: 7vw 6vw; margin-bottom: 6vw; background: #f3f4f4; }

.top-voice-item-heading { margin-bottom: 5vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-voice-item-heading .image { width: 25vw; }
.top-voice-item-heading .title { padding-left: 10vw; margin-left: -2vw; font-size: 5.53vw; font-family: futura-pt; font-weight: 500; letter-spacing: 0.2vw; position: relative; }
.top-voice-item-heading .title:before { content: ''; width: 7vw; height: 1px; background: #e9cec3; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.top-voice-item-text p { font-size: 3.16vw; font-weight: bold; line-height: 1.6; }

.top-gallery { padding: 4vw 0 12vw; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9IiNmM2VjZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(16%, rgba(0, 0, 0, 0)), color-stop(16%, #f3ecea)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 16%, #f3ecea 16%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 16%, #f3ecea 16%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 16%, #f3ecea 16%); }

.top-gallery-items { width: 90vw; margin: 0 auto 2vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-gallery-items li { width: 30%; margin-bottom: 5%; }
.top-gallery-items img { width: 100%; }

.top-news { padding: 12vw 0 2vw; }

.top-news-content-box { margin-bottom: 10vw; }

.top-news-title { width: 90vw; margin: 0 auto 5vw; }
.top-news-title .en { margin-bottom: 1.5vw; font-size: 9.21vw; font-family: futura-pt; font-weight: 500; letter-spacing: 0.5vw; display: block; }
.top-news-title .jp { font-size: 3.16vw; display: block; }

.top-news-items { width: 90vw; padding: 3vw 5vw; margin: auto; background: #f8f3ed; }
.top-news-items li {font-size: 3.16vw;line-height: 1.4;width: 47.5%;}
.top-news-items li img{width:100%;margin-bottom: 10px;}
.top-news-items li:last-child { border: none; }
.top-news-items a {padding: 4vw 0 3.5vw;font-family: futura-pt;font-weight: 600;}

.top-news-item-time {width: 30vw;letter-spacing: 0.2vw;position: relative;color: #865f5a;margin-bottom: 1vw;display: block;}
.top-news-item-title {flex: 1;}

.top-blog-content-box { margin-bottom: 10vw; }

.top-blog-items { width: 90vw; padding: 3vw 5vw; margin: auto; background: #f8f3ed; }
.top-blog-items li {font-size: 3.16vw;line-height: 1.4;border-bottom: 1px dashed #d8c9c4;}
.top-blog-items li img{width:100%;margin-bottom: 10px;}
.top-blog-items li:last-child { border: none; }
.top-blog-items a {padding: 2vw 0;font-family: futura-pt;font-weight: 600;}

.top-blog-item-time {width: 27vw;letter-spacing: 0.2vw;position: relative;color: #865f5a;}
.top-blog-item-title { flex: 1; }

.top-fukazume{width:90vw;margin:0 auto;padding: 15% 0;}
.top-fukazume img{width:100%;margin-bottom: 3%;}
.top-fukazume .title{font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;font-size: 7vw;letter-spacing: 5px;padding-left: 12vw;position: relative;margin-bottom: 5%;}
.top-fukazume .title:before{content:"";width: 10%;height:100%;background: #f2e4df;position:absolute;left:0;top:0;z-index:-1;}
.top-fukazume .sub{font-weight: bold;color: #b87a7a;font-size: 120%;margin-bottom: 4%;}
.top-fukazume .txt{line-height: 1.8;margin-bottom: 5%;}
.baitem li{margin-bottom:8%;}
.baitem li p{background: url(../images/nail/icon.jpg) no-repeat left;background-size: contain;padding-left: 9.5%;font-size: 4vw;font-weight: 700;line-height: 1.4;margin-bottom: 2%;}
.baitem dt,.baitem dd{width:50%;}
.baitem dl span{display:inline-block;background:#ccc;font-family: futura-pt;font-weight: 600;padding: 1% 3%;margin-right: 3%;}
.baitem dt span{background:#e9e9e9;}
.baitem dd span{background:#c6acac;color:#fff;}
.top-fukazume .bnr a{display:block;width:100%;background:#000;color:#fff;text-align: center;padding: 3%;font-weight: bold;margin-bottom: 12px;position: relative;}
.top-fukazume .bnr a span{font-family: futura-pt;font-weight: 500;display: block;}
.top-fukazume .bnr a:before{    content: "\f105";font-family: 'icon';position: absolute;right: 5%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

/* top pc
----------------------------------------------- */
@media screen and (min-width: 736px) { .top-greeting { padding: 150px 0; }
  .top-greeting-content { width: 690px; border-width: 5px; }
  .top-greeting-content:before { width: 904px; height: 865px; background: url(../images/pc-top-greeting-deco01.png) no-repeat center; background-size: 100%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .top-greeting-content:after { display: none; }
  .top-greeting-content-inner { padding: 50px 0; }
  .top-greeting-title { padding-bottom: 18px; margin-bottom: 25px; background-size: 370px; }
  .top-greeting-title .en { margin-bottom: 12px; font-size: 50px; letter-spacing: 2px; }
  .top-greeting-title .jp { font-size: 16px; }
  .top-greeting-text { margin-bottom: 40px; }
  .top-greeting-text p { font-size: 14px; line-height: 1.6; width: 92%;}
  .top-greeting-text-title { margin-bottom: 15px; font-size: 23px; }
  .top-service { padding: 40px 0 100px; background: url(../images/pc-top-service-bg.jpg) repeat-x center bottom; background-size: 2000px; }
  .top-service-items { width: 90%; margin: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .top-service-items li { width: 32.5%; padding: 50px 40px; margin-bottom: 0; }
  .top-service-item-title { margin-bottom: 20px; font-size: 20px; }
  .top-service-item-comment { margin-bottom: 25px; font-size: 14px; line-height: 1.8; }
  .top-service-item-more { width: 95%; padding: 15px 0 11px; font-size: 20px; letter-spacing: 2px; }
  .top-banner { padding: 120px 0 40px; background-size: 2000px; }
  .top-banner-items { width: 860px; }
  .top-banner-items li { margin-bottom: 80px; }
  .top-banner-item-image { width: 325px; }
  .top-banner-item-text { width: 580px; padding: 8px; margin-top: -170px; }
  .top-banner-item-text-inner { padding: 40px; }
  .top-banner-item-text-inner p { font-size: 16px; }
  .top-banner-item-title { margin-bottom: 20px; }
  .top-banner-item-title .main { margin-bottom: 10px; font-size: 30px; }
  .top-banner-item-title .sub { font-size: 14px; letter-spacing: 4px; }
  .top-banner-item-more { width: 75px; right: -4px; bottom: -34px; }
  .top-voice { padding: 100px 0; }
  .top-voice-items { width: 960px; margin: 0 auto 50px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .top-voice-items li { width: 300px; padding: 40px 30px; margin-bottom: 0; }
  .top-voice-item-heading { margin-bottom: 20px; display: block; }
  .top-voice-item-heading .image { width: 150px; margin: 0 auto 40px; }
  .top-voice-item-heading .title { padding-left: 34px; margin-left: 0; font-size: 18px; letter-spacing: 2px; }
  .top-voice-item-heading .title:before { width: 25px; left: 0; }
  .top-voice-item-text p { font-size: 14px; line-height: 1.8; }
  .top-gallery { padding: 30px 0 80px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmM2VjZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(20%, #f3ecea)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #f3ecea 20%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #f3ecea 20%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #f3ecea 20%); }
  .top-gallery-content { width: 900px; margin: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; }
  .top-gallery-items { width: 530px; margin: 0; order: 2; }
  .top-gallery-items li { width: 160px; margin: 0 0 25px; }
  .top-gallery-text { margin-bottom: 25px; order: 1; }
  .top-gallery-title { margin-bottom: 60px; text-align: left; }
  .top-gallery-item-more { margin: 0; }
  .top-news {padding: 70px 0 50px 0;}
  .top-news-content { width: 900px; margin: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .top-news-content-box {width: 100%;margin: 0;}
  .top-news-title { margin-bottom: 20px; }
  .top-news-title .en { margin-bottom: 10px; font-size: 40px; letter-spacing: 2px; }
  .top-news-title .jp { font-size: 18px; display: block; }
  .top-news-items {width: 100%;padding: 15px 30px;margin-bottom: 8%;}
  .top-news-items li {font-size: 14px;width: 22%;}
  .top-news-items a { padding: 18px 0 15px; }
  .top-news-item-time {width: 120px;letter-spacing: 1px;margin-right: 20px;margin-bottom: 0;}
  .top-news-item-time:after { letter-spacing: -4px; right: 6px; } 
  .top-blog-content-box {width: 100%;margin: 0;}
  .top-blog-items {width: 100%;padding: 15px 30px;margin-bottom: 8%;}
  .top-blog-items li {font-size: 14px;}
  .top-blog-items a {padding: 15px 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
  .top-blog-item-time { width: 120px; letter-spacing: 1px; }
  .top-blog-item-time:after { letter-spacing: -4px; right: 6px; } 
  .top-fukazume{width: 900px;margin:0 auto;padding: 80px 0;}
  .top-fukazume .title{font-size: 38px;padding-left: 115px;margin-bottom: 25px;}
  .top-fukazume .sub{font-size: 20px;margin-bottom: 15px;}
  .baitem{margin-bottom: 30px;}
  .baitem li{width:48%;margin-bottom:30px;}
  .baitem li p{font-size: 18px;padding-left: 40px;}
  .top-fukazume .bnr a{width:32%;font-size: 17px;line-height: 1.3;padding: 18px;letter-spacing: 1px;}
  .top-fukazume .bnr a span{font-size:14px;letter-spacing: 2px;}
                                     
                                     }