@charset "UTF-8";
/* font
----------------------------------------------- */
:root { --mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif; /* font-family: var(--mincho); */ --gothic: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; /* font-family: var(--gothic); */ }

/* default sp
	----------------------------------------------- */
/* ============================================= sp
================================================*/
.top-information { padding: 12vw 0; }
.top-information-content { width: 90vw; margin: auto; }
.top-information-items { width: 100%; }
.top-information-items li { width: 100%; margin-bottom: 5vw; border: 1px solid #cbcbcc; position: relative; background:#fff;}
.top-information-items a { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-information-items a:after { content: ''; width: 7vw; height: 7vw; background: #a8a8a7 url(../images/arrow02.png) no-repeat center; background-size: 2.5vw; position: absolute; right: 0; bottom: 0; }
.top-information-item-image {width: 35vw;padding-top: 25vw;overflow: hidden;position: relative;}
.top-information-item-image img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.top-information-item-text { padding: 0 4vw; flex: 1; }
.top-information-item-head {margin-bottom: 1.5vw;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;}
.top-information-item-time {padding:1.5vw 0 1.2vw;margin-right: 1.5vw;font-size: 3.4vw;letter-spacing: 0.2vw;display: block;width: 100%;font-family: 'Josefin Sans';line-height: 1;}
.top-information-item-category {padding: 1vw 2.5vw;color: #fff;font-size: 3vw;background: #626262;-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 10vw;font-feature-settings: "palt";line-height: 1;}
.top-information-item-title {color: #515151;font-size: 3.68vw;line-height: 1.4;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp: 1;font-feature-settings: "palt";width: 94%;}

.top-concept { background: url(../images/deco01.png) no-repeat bottom 5vw left -60vw; background-size: 160vw; }
.top-concept-gallery-items { width: 100%; }
.top-concept-gallery-item { width: 300vw; }
.top-concept-gallery-item img { width: 100%; }
.top-concept-text { width: 90vw; margin: 0 auto 10vw; }
.top-concept-title { margin-bottom: 6vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline;color:#2e2e2e;}
.top-concept-title .en { margin-right: 2vw; font-size: 14.47vw; font-family: freight-big-pro; font-weight: 400; letter-spacing: 0.5vw; }
.top-concept-title .jp { font-size: 4.21vw; font-family: var(--mincho); font-weight: 600; }
.top-concept-subtitle { margin-bottom: 2.5vw; font-size: 5.92vw; font-family: var(--mincho); font-weight: 600; line-height: 1.6; }
.top-concept-comment { margin-bottom: 6vw; }
.top-concept-comment p { font-size: 3.68vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-concept-items { width: 100%; }
.top-concept-item { width: 70vw; position: relative; }
.top-concept-item-image { width: 100%; }
.top-concept-item-hash { color: #fff; font-size: 3.16vw; font-family: 'Josefin Sans'; line-height: 1.2; z-index: 1; position: absolute; bottom: 1vw; left: 1.5vw; }
.top-concept-item-hash span { display: block; }

.top-area01 { background: url(../images/deco01.png) no-repeat top 220vw right -40vw; background-size: 160vw; }

.top-service { padding-bottom: 12vw; }
.top-service-image01 { width: 100%; margin-bottom: 8vw; z-index: 1; position: relative; }
.top-service-image01:before { content: ''; width: 40vw; height: 30vw; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZThmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZDRkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffe8fb), color-stop(100%, #ffd4d0)); background: -moz-linear-gradient(left, #ffe8fb, #ffd4d0); background: -webkit-linear-gradient(left, #ffe8fb, #ffd4d0); background: linear-gradient(to right, #ffe8fb, #ffd4d0); z-index: -1; position: absolute; right: 0; bottom: -30vw; }
.top-service-image01 img { width: 100%; }
.top-service-text { width: 90vw; margin: 0 auto 8vw; z-index: 2; position: relative; }
.top-service-subtitle {margin-bottom: 2.5vw;font-size: 7vw;font-family: var(--mincho);font-weight: 600;line-height: 1.4;}
.top-service-comment { margin-bottom: 6vw; }
.top-service-comment p { font-size: 3.68vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-service-image02 { width: 70vw; position: relative; }
.top-service-image02 img { width: 100%; }

.top-group-title { text-align: center; }
.top-group-title .en { margin-bottom: 3vw; }
.top-group { padding: 12vw 0 4vw; }
.top-group-items { width: 90vw; margin: auto; }
.top-group-items li {width: 100%;margin-bottom: 12vw;}
.top-group-items li.cosme .top-group-item-title .small { color: #97c2d8; }
.top-group-items li.aesthetic .top-group-item-title .small { color: #db9fb5; }
.top-group-items li.hair .top-group-item-title .small { color: #9cba75; }
.top-group-items li.eyelash .top-group-item-title .small { color: #bd8de1; }
.top-group-items li.nail .top-group-item-title .small { color: #e0b64a; }
.top-group-item-image { width: 100%; }
.top-group-item-text { padding-top: 6.5vw; position: relative; }
.top-group-item-title { margin-bottom: 2.5vw; }
.top-group-item-title .small { margin-bottom: 1vw; font-size: 3.16vw; font-family: 'Josefin Sans'; letter-spacing: 0.2vw; display: block; }
.top-group-item-title .big { font-size: 6.84vw; font-family: freight-big-pro; font-weight: 400; letter-spacing: 0.5vw; display: block; }
.top-group-item-comment { margin-bottom: 5vw; }
.top-group-item-comment p { font-size: 3.68vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-group-item-batch { width: 20vw; z-index: 1; position: absolute; top: -10vw; right: 0; }

.top-gallery { overflow: hidden; position: relative; }
.top-gallery-image01 { width: 100%; }
.top-gallery-image01 img { width: 100%; }
.top-gallery-items { width: 100%; position: absolute; bottom: -2vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-gallery-item { width: 138vw; padding-left: 10vw; color: #fff; font-size: 11.84vw; font-family: freight-big-pro; font-weight: 400; letter-spacing: 0.5vw; position: relative; }
.top-gallery-item:before { content: '◆'; font-size: 3.95vw; position: absolute; top: 50%; left: 2vw; -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -webkit-transform: translateY(-40%); transform: translateY(-40%); }

.top-philosophy { padding: 12vw 0; background: url(../images/deco01.png) no-repeat top -40vw left -60vw; background-size: 140vw; }
.top-philosophy-content { width: 90vw; margin: auto; }
.top-philosophy-title { margin-bottom: 8vw; }
.top-philosophy-title .en { margin-bottom: 3vw; }
.top-philosophy-image { width: 100%; position: relative; }
.top-philosophy-image .name { color: #fff; font-size: 6.58vw; font-family: 'Josefin Sans'; letter-spacing: 0.5vw; z-index: 1; position: absolute; bottom: 2.5vw; left: 4vw; }
.top-philosophy-image .image { width: 100%; }
.top-philosophy-image .deco { width: 35vw; z-index: 1; position: absolute; top: -7.5vw; right: 0; }
.top-philosophy-text { margin-top: -2vw; z-index: 1; position: relative; }
.top-philosophy-subtitle { margin-bottom: 4vw; font-size: 3.68vw; font-family: var(--mincho); font-weight: 600; }
.top-philosophy-subtitle span { padding: 2vw 2vw 1.5vw; margin-bottom: 1.5vw; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZTJlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e3e9ff), color-stop(100%, #ffe2ee)); background: -moz-linear-gradient(left, #e3e9ff, #ffe2ee); background: -webkit-linear-gradient(left, #e3e9ff, #ffe2ee); background: linear-gradient(to right, #e3e9ff, #ffe2ee); display: table; }
.top-philosophy-comment { margin-bottom: 5vw; }
.top-philosophy-comment p { margin-bottom: 2.5vw; font-size: 3.68vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }

.top-area02 { background: url(../images/deco01.png) no-repeat top 30vw right -40vw; background-size: 120vw; }

.top-more-title { width: 30vw; margin: 0 auto 4vw; }
.top-more-items { width: 100%; }
.top-more-items .slick-prev { left: 4.5vw; }
.top-more-items .slick-next { right: 4.5vw; }
.top-more-item { width: 86vw; margin: 0 5vw; }
.top-more-item-image { width: 100%; }

.top-recruit { padding: 6vw 0 0; }
.top-recruit-text { width: 90vw; margin: 0 auto 8vw; }
.top-recruit-subtitle { margin-bottom: 2.5vw; font-size: 6.32vw; font-family: var(--mincho); font-weight: 600; line-height: 1.4; }
.top-recruit-comment { margin-bottom: 6vw; }
.top-recruit-comment p { font-size: 3.68vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-recruit-items { width: 100%; }
.top-recruit-item { width: 100vw; position: relative; }
.top-recruit-item-image { width: 100%; position: relative; }
.top-recruit-item-image .image { width: 100%; }
.top-recruit-item-image .text { color: #fff; font-family: 'Josefin Sans'; -ms-writing-mode: tb-rl; writing-mode: tb-rl; z-index: 1; position: absolute; top: 2vw; right: 3.5vw; }
.top-recruit-item-image .small { margin-left: 1vw; font-size: 3.42vw; text-indent: 0.2em; letter-spacing: 0.2vw; display: block; }
.top-recruit-item-image .big { font-size: 6.58vw; letter-spacing: 0.5vw; display: block; }

.top-company { padding-bottom: 12vw; }
.top-company-content { width: 90vw; margin: auto; }
.top-company-content .title{font-size: 5vw;font-family: var(--mincho);font-weight: 600;margin: 6% 0 4%;}
.top-company-items { width: 100%; border-top: 1px solid #e6e6e7; }
.top-company-items li { width: 100%; border-bottom: 1px solid #e6e6e7;  padding: 5vw 2.5vw;}
.top-company-item-title { margin-bottom: 1vw; font-size: 4.21vw; font-family: var(--mincho); font-weight: 600; line-height: 1.4; }
.top-company-item-comment { font-size: 3.68vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }

.top-cv-items { width: 100%; }
.top-cv-items li { width: 100%; height: 50vw; }
.top-cv-items li a { color: #fff; }
.top-cv-items li.contact a { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyY2NmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4YzlkZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #c2ccf6), color-stop(100%, #f8c9de)); background: -moz-linear-gradient(bottom, #c2ccf6, #f8c9de); background: -webkit-linear-gradient(bottom, #c2ccf6, #f8c9de); background: linear-gradient(to top right, #c2ccf6, #f8c9de); }
.top-cv-items li.products a { background: url(../images/top-cv-item-products-bg.jpg) no-repeat center; background-size: cover; }
.top-cv-items li.franchise a { background: url(../images/top-cv-item-franchise-bg.jpg) no-repeat center; background-size: cover; }
.top-cv-items a { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-cv-item-title { width: 100%; text-align: center; }
.top-cv-item-title .en { margin-bottom: 2vw; font-size: 14.47vw; font-family: freight-big-pro; font-weight: 400; letter-spacing: 1vw; display: block; }
.top-cv-item-title .jp { font-size: 3.95vw; font-family: var(--mincho); font-weight: 600; display: block; }
.top-cv-items li.franchise .top-cv-item-title .jp { line-height: 1.4; }

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) {
  .top-information { padding: 40px 0 100px; }
  .top-information-content { width: 900px; position: relative; }
  .top-information-title { -ms-writing-mode: tb-rl; writing-mode: tb-rl; position: absolute; top: 0; left: 0; }
  .top-information-title .en { margin: 0 0 0 4px; }
  .top-information-items { width: 770px; margin-left: auto; }
  .top-information-items li { margin-bottom: 20px; }
  .top-information-items a:after { width: 36px; height: 36px; background: #a8a8a7 url(../images/arrow02.png) no-repeat center; background-size: 14px; }
  .top-information-item-image {width: 200px;padding-top: 130px;}
  .top-information-item-text { padding: 0 25px; }
  .top-information-item-head { margin-bottom: 12px; }
  .top-information-item-time {padding: 0;margin-right: 8px;font-size: 18px;letter-spacing: 2px;width: auto;position: relative;top: 2px;}
  .top-information-item-category {padding: 5px 10px;font-size: 14px;}
  .top-information-item-title {font-size: 16px;}

  .top-concept { background-position: top left calc(50% - 550px); background-size: 930px; }
  .top-concept-gallery-item { width: 2330px; }
  .top-concept-text { width: 900px; margin: -250px auto 60px; z-index: 1; position: relative; }
  .top-concept-title { margin-bottom: 40px; }
  .top-concept-title .en { margin-right: 10px; font-size: 65px; letter-spacing: 4px; }
  .top-concept-title .jp { font-size: 20px; }
  .top-concept-subtitle { margin-bottom: 20px; font-size: 30px; }
  .top-concept-comment { margin-bottom: 40px; }
  .top-concept-comment p { font-size: 16px; }
  .top-concept-item { width: 440px; overflow: hidden; }
  .top-concept-item a:hover { opacity: 1; }
  .top-concept-item a:hover .top-concept-item-hash { bottom: -40px; }
  .top-concept-item a:hover .top-concept-item-text { top: 0; }
  .top-concept-item-hash { font-size: 14px; bottom: 10px; left: 15px; -moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
  .top-concept-item-text { width: 100%; height: 100%; color: #fff; text-align: center; z-index: 2; position: absolute; top: 100%; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
  .top-concept-item-text:before { content: ''; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyY2NmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4YzlkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #c2ccf5), color-stop(100%, #f8c9dd)); background: -moz-linear-gradient(bottom, #c2ccf5, #f8c9dd); background: -webkit-linear-gradient(bottom, #c2ccf5, #f8c9dd); background: linear-gradient(to top right, #c2ccf5, #f8c9dd); opacity: 0.8; z-index: -1; position: absolute; top: 0; left: 0; }
  .top-concept-item-itext-inner {width: 100%;padding-top: 20px;}
  .top-concept-item-title { margin-bottom: 50px; font-size: 24px; font-family: 'Josefin Sans'; letter-spacing: 2px; }
  .top-concept-item-title .hash { margin-bottom: 10px; display: block; }
  .top-concept-item-title img{margin:0 auto 20px;}
  .top-concept-item-title .salon { display: block; }
  .top-concept-item-more { padding-right: 45px; margin: auto; font-size: 18px; font-family: 'Josefin Sans'; letter-spacing: 2px; position: relative; display: table; }
  .top-concept-item-more:after { content: ''; width: 30px; height: 1px; background: #fff; position: absolute; top: 6px; right: 0; }

  .top-area01 { background-position: top 960px left calc(50% + 280px); background-size: 930px; }

  .top-service { padding: 0; }
  .top-service-content { width: 960px; padding: 100px 0 780px; margin: auto; position: relative; }
  .top-service-image01 { width: 950px; margin: 0; position: absolute; bottom: 200px; left: calc(50% - 1000px); }
  .top-service-image01:before { display: none; }
  .top-service-text { width: 100%; margin: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; }
  .top-service-text-inner { width: 510px; }
  .top-service-subtitle {margin-bottom: 15px;font-size: 38px;}
  .top-service-comment { margin-bottom: 50px; }
  .top-service-comment p { font-size: 16px; }
  .top-service-image02 { width: 840px; z-index: 1; position: absolute; bottom: 110px; left: calc(50% + 70px); }
  .top-service-image02:before { content: ''; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZThmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZDRkMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffe8fb), color-stop(100%, #ffd4d0)); background: -moz-linear-gradient(left, #ffe8fb, #ffd4d0); background: -webkit-linear-gradient(left, #ffe8fb, #ffd4d0); background: linear-gradient(to right, #ffe8fb, #ffd4d0); z-index: -1; position: absolute; top: -55px; right: -85px; }

  .top-group {padding: 120px 0 50px 0;}
  .top-group-title .en { margin-bottom: 15px; }
  .top-group-items { width: 95%; max-width: 1760px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
  .top-group-items li {width: 40%;margin: 0 1.5% 80px;}
  .top-group-item-text { padding-top: 30px; }
  .top-group-item-title { margin-bottom: 15px; }
  .top-group-item-title .small { margin-bottom: 10px; font-size: 15px; letter-spacing: 1px; }
  .top-group-item-title .big { font-size: 34px; letter-spacing: 1px; }
  .top-group-item-comment { margin-bottom: 30px; }
  .top-group-item-comment p { font-size: 15px; }
  .top-group-item-batch {width: 90px;top: -50px;}

  .top-gallery { min-width: 2000px; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .top-gallery-image01 { width: 50%; }
  .top-gallery-image02 { width: 50%; }
  .top-gallery-image02 img { width: 100%; }
  .top-gallery-items { bottom: -8px; }
  .top-gallery-item { width: 580px; padding-left: 30px; font-size: 45px; letter-spacing: 4px; }
  .top-gallery-item:before { font-size: 15px; left: 0; -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -webkit-transform: translateY(-30%); transform: translateY(-30%); }

  .top-philosophy { padding: 100px 0 160px; background: url(../images/deco01.png) no-repeat top left calc(50% - 420px); background-size: 930px; }
  .top-philosophy-content { width: 900px; position: relative; }
  .top-philosophy-title { margin-bottom: 60px; }
  .top-philosophy-title .en { margin-bottom: 15px; }
  .top-philosophy-image { width: 455px; position: absolute; top: 120px; right: -30px; }
  .top-philosophy-image .deco { width: 260px; top: -70px; right: -55px; }
  .top-philosophy-image .name { font-size: 35px; letter-spacing: 2px; bottom: 15px; left: 25px; }
  .top-philosophy-text { width: 440px; margin-top: 0; }
  .top-philosophy-subtitle { width: 580px; margin-bottom: 30px; font-size: 24px; }
  .top-philosophy-subtitle span { padding: 10px 10px 9px; margin-bottom: 8px; }
  .top-philosophy-comment { margin-bottom: 40px; }
  .top-philosophy-comment p { margin-bottom: 30px; font-size: 15px; line-height: 2; }

  .top-area02 { background-position: top 300px left calc(50% + 300px); background-size: 930px; }

  .top-more-title { width: 165px; margin-bottom: 30px; }
  .top-more-items .slick-prev, .top-more-items .slick-next { width: 50px; padding: 10px 0; }
  .top-more-items .slick-prev { left: calc(50% - 210px); }
  .top-more-items .slick-next { right: calc(50% - 210px); }
  .top-more-item { width: 375px; margin: 0 20px; }

  .top-recruit { padding: 100px 0 0; }
  .top-recruit-text { width: 900px; margin-bottom: 60px; }
  .top-recruit-title { margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; }
  .top-recruit-title .en { margin: 0 10px 0 0; }
  .top-recruit-subtitle {margin-bottom: 20px;font-size: 38px;}
  .top-recruit-comment { margin: 0; }
  .top-recruit-comment p { font-size: 15px; }
  .top-recruit-item { width: 500px; z-index: 1; overflow: hidden; }
  .top-recruit-item a:hover { opacity: 1; }
  .top-recruit-item a:hover .top-recruit-item-image .text { right: -50px; }
  .top-recruit-item a:hover .top-recruit-item-text { top: 0; }
  .top-recruit-item-image .text { top: 15px; right: 15px; -moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
  .top-recruit-item-image .small { margin-left: 5px; font-size: 15px; text-indent: 2px; letter-spacing: 2px; }
  .top-recruit-item-image .big { font-size: 30px; letter-spacing: 1px; }
  .top-recruit-item-text { width: 100%; height: 100%; color: #fff; text-align: center; z-index: 2; position: absolute; top: 100%; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
  .top-recruit-item-text:before { content: ''; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyY2NmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4YzlkZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #c2ccf5), color-stop(100%, #f8c9dd)); background: -moz-linear-gradient(bottom, #c2ccf5, #f8c9dd); background: -webkit-linear-gradient(bottom, #c2ccf5, #f8c9dd); background: linear-gradient(to top right, #c2ccf5, #f8c9dd); opacity: 0.8; z-index: -1; position: absolute; top: 0; left: 0; }
  .top-recruit-item-text-inner { width: 100%; padding-top: 90px; background: url(../images/icon-voice.png) no-repeat top center; background-size: 60px; }
  .top-recruit-item-hash { font-size: 15px; margin-bottom: 20px; font-size: 15px; font-family: 'Josefin Sans'; letter-spacing: 2px; }
  .top-recruit-item-name { margin-bottom: 30px; }
  .top-recruit-item-name .jp { margin-bottom: 10px; font-size: 35px; font-family: var(--mincho); letter-spacing: 2px; display: block; }
  .top-recruit-item-name .en { font-size: 15px; font-family: 'Josefin Sans'; letter-spacing: 1px; display: block; }
  .top-recruit-item-more { padding-right: 45px; margin: auto; font-size: 18px; font-family: 'Josefin Sans'; letter-spacing: 2px; position: relative; display: table; }
  .top-recruit-item-more:after { content: ''; width: 30px; height: 1px; background: #fff; position: absolute; top: 6px; right: 0; }

  .top-company { padding-bottom: 100px; }
  .top-company-content { width: 900px; }
  .top-company-content .title{  font-size: 26px;margin: 40px 0 20px;}
  .top-company-title { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; }
  .top-company-title .en { margin: 0 10px 0 0; }
  .top-company-items li{ padding: 20px 20px 18px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center;}
  .top-company-item-title { width: 210px; margin: 0; font-size: 18px; }
  .top-company-item-comment { font-size: 15px; flex: 1; }

  .top-cv-items li { width: 100%; height: 375px; }
  .top-cv-items div { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .top-cv-items div li { width: 50%; height: 375px; }
  .top-cv-items li.products a { background: url(../images/top-cv-item-products-bg-pc.jpg) no-repeat center; background-size: cover; }
  .top-cv-items li.franchise a { background: url(../images/top-cv-item-franchise-bg-pc.jpg) no-repeat center; background-size: cover; }
  .top-cv-item-title .en { margin-bottom: 10px; font-size: 65px; letter-spacing: 5px; }
  .top-cv-item-title .jp { font-size: 18px; }

@media screen and (min-width: 1200px) {
	.top-group-items{width: 1100px;}
	.top-group-item-title .big{font-size:28px;}
 }

  /* retina用 ----------------------------------------------- */ }
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
  .top-information-items a:after { background: #a8a8a7 url(../images/arrow02@2x.png) no-repeat center; background-size: 14px; }
  .top-concept { background: url(../images/deco01@2x.png) no-repeat top left calc(50% - 550px); background-size: 930px; }
  .top-area01 { background: url(../images/deco01@2x.png) no-repeat top 960px left calc(50% + 280px); background-size: 930px; }
  .top-philosophy { background: url(../images/deco01@2x.png) no-repeat top left calc(50% - 420px); background-size: 930px; }
  .top-area02 { background: url(../images/deco01@2x.png) no-repeat top 300px left calc(50% + 300px); background-size: 930px; }
  .top-recruit-item-text-inner { background: url(../images/icon-voice@2x.png) no-repeat top center; background-size: 60px; }
  .top-cv-items li.products a { background: url(../images/top-cv-item-products-bg-pc@2x.jpg) no-repeat center; background-size: cover; }
  .top-cv-items li.franchise a { background: url(../images/top-cv-item-franchise-bg-pc@2x.jpg) no-repeat left; background-size: cover; } }