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

/**/

/**/



.nsans {
  font-family: "Noto Sans", serif;
}

.sawarabi {
  font-family: "Sawarabi Mincho", serif;
}

.lib {
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
  /*font-family:"游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
  /*font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;*/
  /*font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ゴシックM-PRO", "HGMaruGothicMPRO";*/
  line-height: 160%;
  color: #232d4b;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*フォント系*/

[data-element-id] h1 {
  position: initial;
  text-indent: initial;
}

h1 {
  width: 100%;
  /* 	position: absolute;
	bottom: 200%; */
  font-size: 12px;
  font-weight: normal;
}

h2 {
  font-size: 40px;
  /* font-weight: bold; */
  font-weight: normal;
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

h3 {
  font-size: 34px;
  /* font-weight: bold; */
  font-weight: normal;
  margin-bottom: 50px;
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

h4 {
  font-size: 24px;
  /* font-weight: bold; */
  font-weight: normal;
  margin-bottom: 30px;
}

h5 {
  font-size: 18px;
  /* font-weight: bold; */
  font-weight: normal;
  margin-bottom: 20px;
}

.fs120 {
  font-size: 120%;
}

.fs140 {
  font-size: 140%;
}

.fs160 {
  font-size: 160%;
}

.fs180 {
  font-size: 180%;
}

.fs200 {
  font-size: 200%;
}

.fs220 {
  font-size: 220%;
}

.fs240 {
  font-size: 240%;
}

.fs260 {
  font-size: 260%;
}

.fs280 {
  font-size: 280%;
}

.fs300 {
  font-size: 300%;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs26 {
  font-size: 26px;
}

.fs28 {
  font-size: 28px;
}

.fs30 {
  font-size: 30px;
}

.fs32 {
  font-size: 32px;
}

.fs34 {
  font-size: 34px;
}

.fs36 {
  font-size: 36px;
}

.fs38 {
  font-size: 38px;
}

.fs40 {
  font-size: 40px;
}

.fs42 {
  font-size: 42px;
}

.fs44 {
  font-size: 44px;
}

.fs46 {
  font-size: 46px;
}

.bold {
  font-weight: bold;
}

.red {
  color: red;
}

.blue {
  color: blue;
}

.white {
  color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix:before {
  display: block;
  content: "";
  clear: both;
}

.clearfix {
  display: block;
}

.clear {
  clear: both;
}

.map {
  position: relative;
  overflow: hidden;
}

.map:after {
  display: block;
  content: "";
  padding-top: 50%;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: initial;
  width: 100%;
  height: 100%;
}

iframe {
  max-width: 100%;
}

img {
  vertical-align: top;
  border: none;
  max-width: 100% !important;
  height: auto !important;
}

img:not([src*="."]) {
  display: none;
}

.scale {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.scale:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

[data-element-id] .filter:before,
[data-element-id] .filterT:before,
[data-element-id] .filterR:before,
[data-element-id] .filterB:before,
[data-element-id] .filterL:before,
[data-element-id] .filterRad:before {
  display: none;
}

.filter,
.filterT,
.filterR,
.filterB,
.filterL,
.filterRad {
  position: relative;
}

.filter:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: rgba(255, 255, 255, 0.6);
}

.filterT:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: -webkit-gradient(
    linear,
    left bottom, left top,
    from(rgba(255, 255, 255, 1)),
    color-stop(50%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 50%
  );
}

.filterR:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: -webkit-gradient(
    linear,
    left top, right top,
    from(rgba(255, 255, 255, 1)),
    color-stop(50%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 50%
  );
}

.filterB:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(255, 255, 255, 1)),
    color-stop(50%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 50%
  );
}

.filterL:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: -webkit-gradient(
    linear,
    right top, left top,
    from(rgba(255, 255, 255, 1)),
    color-stop(50%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 50%
  );
}

.filterRad:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 80%
  );
}

.lb-outerContainer {
  width: 80% !important;
  max-width: 500px !important;
  height: auto !important;
}

.lightbox .lb-image {
  width: 100% !important;
  height: auto !important;
  border: none !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: initial !important;
}

.pic {
  text-align: center;
  width: 100%;
}

.pic img {
  width: 100%;
}

.bkimg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bkimg img {
  width: 100%;
  min-width: 1200px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

[data-element-id] .fead-mv {
  opacity: 1;
}

.fead-mv {
  opacity: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
}

.mv {
  opacity: 1;
}

a {
  text-decoration: none;
  color: #000;
}

a:hover {
  opacity: 0.6;
  color: inherit;
  text-decoration: none;
}

a[href*="tel"] {
  pointer-events: none;
}

ul,
li {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0;
}

dl,
dt,
dd {
  text-align: left;
  padding: 0;
  margin: 0;
}

p {
  text-align: left;
}

/*フレックス*/

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: justify;
  justify-content: center;
}

.flexs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flexb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.columnreverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.rowreverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/*align-item*/

.itemstart {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.itemcenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.itemend {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/*align-content*/

.contentstart {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.contentcenter {
  -ms-flex-line-pack: center;
  align-content: center;
}

.contentend {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

/*align-self*/

.selfstart {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.selfcenter {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.selfend {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

/* 見たまま編集バリデーション */

.flex > div[data-collection-list-content],
.flexc > div[data-collection-list-content],
.flexs > div[data-collection-list-content],
.flexb > div[data-collection-list-content] {
  width: 100%;
}

.flex > div[data-recommend-collection-list-content],
.flexc > div[data-recommend-collection-list-content],
.flexs > div[data-recommend-collection-list-content],
.flexb > div[data-recommend-collection-list-content] {
  width: 100%;
}

.flex > div[data-collection-filtered-content],
.flexc > div[data-collection-filtered-content],
.flexs > div[data-collection-filtered-content],
.flexb > div[data-collection-filtered-content] {
  width: 100%;
}

.flex > div[data-collection-archive-content],
.flexc > div[data-collection-archive-content],
.flexs > div[data-collection-archive-content],
.flexb > div[data-collection-archive-content] {
  width: 100%;
}

.flex > div[data-collection-list-content] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexc > div[data-collection-list-content] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: justify;
  justify-content: center;
}

.flexs > div[data-collection-list-content] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flexb > div[data-collection-list-content] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex > div[data-recommend-collection-list-content] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexc > div[data-recommend-collection-list-content] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: justify;
  justify-content: center;
}

.flexs > div[data-recommend-collection-list-content] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flexb > div[data-recommend-collection-list-content] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex > div[data-collection-filtered-content] {
  display: -webkit-box;
  display: -ms-flexsbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexc > div[data-collection-filtered-content] {
  display: -webkit-box;
  display: -ms-flexsbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: justify;
  justify-content: center;
}

.flexs > div[data-collection-filtered-content] {
  display: -webkit-box;
  display: -ms-flexsbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flexb > div[data-collection-filtered-content] {
  display: -webkit-box;
  display: -ms-flexsbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex > div[data-collection-archive-content] {
  display: -webkit-box;
  display: -ms-flexsbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flexc > div[data-collection-archive-content] {
  display: -webkit-box;
  display: -ms-flexsbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: justify;
  justify-content: center;
}

.flexs > div[data-collection-archive-content] {
  display: -webkit-box;
  display: -ms-flexsbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flexb > div[data-collection-archive-content] {
  display: -webkit-box;
  display: -ms-flexsbox;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[data-element-id] [class*="heightLine"] {
  height: auto !important;
}

[data-element-id] .imgalt {
  position: relative;
  color: orange;
  font-size: 14px;
  background: #333;
  padding: 2px 4px;
  text-align: left;
  max-height: 70px;
  overflow: hidden;
  z-index: 50;
}

[data-element-id] .altcolor {
  color: red;
}

[data-common-area] {
  position: relative;
}

[data-common-area]:hover:before {
  content: "共通要素です。";
  position: absolute !important;
  width: 100%;
  min-width: 200px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: 100%;
  color: #fdc44f;
  font-weight: bold;
  background: #555;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a[data-href="#"] {
  border: solid red 5px !important;
  display: block;
  position: relative !important;
  opacity: 1;
}

a[data-href="#"]:hover:before {
  content: "リンクが設定されていない可能性があります。";
  position: absolute !important;
  width: 100%;
  min-width: 200px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: 100%;
  color: red;
  font-weight: bold;
  background: #555;
  padding: 5px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a[data-href*="."] {
  border: solid red 5px !important;
  display: block;
  position: relative !important;
  opacity: 1;
}

a[data-href*="."]:hover:before {
  content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
  position: absolute !important;
  width: 100%;
  min-width: 200px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: 100%;
  color: red;
  font-weight: bold;
  background: #555;
  padding: 5px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
  content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
  display: block;
  line-height: 1.8;
  font-weight: bold;
  color: red;
  clear: both;
  background: #4c4c4c;
  padding: 5px;
  text-align: left;
  position: absolute;
  letter-spacing: 1px;
  z-index: 1000;
  font-size: 12px;
  width: 100%;
}

[data-collection-list-content]:hover:before {
  content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
  display: block;
  line-height: 1.8;
  font-weight: bold;
  color: red;
  clear: both;
  background: #4c4c4c;
  padding: 5px;
  text-align: left;
  position: absolute;
  letter-spacing: 1px;
  z-index: 1000;
  font-size: 12px;
  width: 100%;
}

/*カラム*/

/* ##### pcで6分割のグリッド ##### */
.gr666,
.gr665,
.gr664,
.gr663,
.gr662,
.gr661,
.gr655,
.gr654,
.gr653,
.gr652,
.gr651,
.gr644,
.gr643,
.gr642,
.gr641,
.gr633,
.gr632,
.gr631,
.gr622,
.gr621,
.gr611 {
  width: 12%;
  margin: 0 2% 6% 2%;
}

/* ##### pcで5分割のグリッド ##### */
.gr555,
.gr554,
.gr553,
.gr552,
.gr551,
.gr544,
.gr543,
.gr542,
.gr541,
.gr533,
.gr532,
.gr531,
.gr522,
.gr521,
.gr511 {
  width: 16%;
  margin: 0 2% 6% 2%;
}

/* ##### pcで4分割のグリッド ##### */
.gr444,
.gr443,
.gr442,
.gr441,
.gr433,
.gr432,
.gr431,
.gr422,
.gr421,
.gr411 {
  width: 21%;
  margin: 0 2% 6% 2%;
}

/* ##### pcで3分割のグリッド ##### */
.gr333,
.gr332,
.gr331,
.gr322,
.gr321,
.gr311 {
  width: 29%;
  margin: 0 2% 6% 2%;
}

/* ##### pcで2分割のグリッド ##### */
.gr222,
.gr221,
.gr211 {
  width: 46%;
  margin: 0 2% 6% 2%;
}

.w100 {
  width: 100%;
}

.w80 {
  width: 80%;
}

.w75 {
  width: 75%;
}

.w70 {
  width: 70%;
}

.w65 {
  width: 65%;
}

.w60 {
  width: 60%;
}

.w55 {
  width: 55%;
}

.w50 {
  width: 50%;
}

.w48 {
  width: 48%;
}

.w45 {
  width: 45%;
}

.w40 {
  width: 40%;
}

.w35 {
  width: 35%;
}

.w30 {
  width: 30%;
}

.w25 {
  width: 25%;
}

[data-element-id] #wrapper {
  opacity: 1;
}

#wrapper {
  overflow: hidden;
}

.inner {
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}

.subtit {
  position: relative;
  overflow: hidden;
  max-height: 80vh;
}

.subtit h2 {
  text-align: left;
  padding-left: 100px;
  z-index: 1;
  width: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.subtit:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/import/tenant_1/160.16.140.161/html/images/02concept/cover1.png) center center no-repeat;
  width: 38%;
  height: 100%;
  background-size: cover;
}

.subtit img {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .subtit h2 {
    padding-left: 50px;
  }
}

@media only screen and (max-width: 599px) {
  .subtit h2 {
    padding-left: 15px;
    font-size: 20px;
  }
}

.more {
  text-align: center;
  margin: 50px auto 0 auto;
  width: 80%;
  max-width: 160px;
}

.more a {
  display: block;
  background: #000;
  color: #fff;
  padding: 10px 20px;
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
  cursor: pointer;
}
.more.line a {
  background-color: #04C153;
}

@media only screen and (max-width: 1024px) {
  .bkimg {
    position: relative;
  }

  .bkimg img {
    min-width: initial !important;
  }

  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 28px;
    margin-bottom: 40px;
  }

  h4 {
    font-size: 20px;
  }

  .fs20 {
    font-size: 18px;
  }

  .fs22 {
    font-size: 20px;
  }

  .fs24 {
    font-size: 20px;
  }

  .fs26 {
    font-size: 22px;
  }

  .fs28 {
    font-size: 22px;
  }

  .fs30 {
    font-size: 24px;
  }

  .fs32 {
    font-size: 24px;
  }

  .fs34 {
    font-size: 26px;
  }

  .fs36 {
    font-size: 26px;
  }

  .fs38 {
    font-size: 28px;
  }

  .fs40 {
    font-size: 28px;
  }

  .fs42 {
    font-size: 30px;
  }

  .fs44 {
    font-size: 30px;
  }

  .fs46 {
    font-size: 32px;
  }

  a[href*="tel"] {
    pointer-events: initial !important;
  }

  .flex {
    max-width: 768px;
    margin: 0 auto;
  }

  .flexc {
    max-width: 768px;
    margin: 0 auto;
  }

  .flexs {
    max-width: 768px;
    margin: 0 auto;
  }

  .flexb {
    max-width: 768px;
    margin: 0 auto;
  }

  /* カラム */

  /* ##### タブレッドで5分割のグリッド ##### */
  .gr655,
  .gr654,
  .gr653,
  .gr652,
  .gr651 {
    width: 16%;
  }

  /* ##### タブレッドで4分割のグリッド ##### */
  .gr644,
  .gr643,
  .gr642,
  .gr641,
  .gr544,
  .gr543,
  .gr542,
  .gr541 {
    width: 21%;
  }

  /* ##### タブレッドで3分割のグリッド ##### */
  .gr633,
  .gr632,
  .gr631,
  .gr533,
  .gr532,
  .gr531,
  .gr433,
  .gr432,
  .gr431 {
    width: 29%;
  }

  /* ##### タブレッドで2分割のグリッド ##### */
  .gr622,
  .gr621,
  .gr522,
  .gr521,
  .gr422,
  .gr421,
  .gr322,
  .gr321 {
    width: 46%;
  }

  /* ##### タブレッドで1分割のグリッド ##### */
  .gr611,
  .gr511,
  .gr411,
  .gr311,
  .gr211 {
    width: 96%;
  }

  .inner {
    width: 93%;
    max-width: 768px;
    padding: 40px 0;
  }

  .more {
    margin: 40px auto 0 auto;
  }
}

@media only screen and (max-width: 599px) {
  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 22px;
    margin-bottom: 30px;
  }

  h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  h5 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .fs18 {
    font-size: 16px;
  }

  .fs20 {
    font-size: 18px;
  }

  .fs22 {
    font-size: 18px;
  }

  .fs24 {
    font-size: 20px;
  }

  .fs26 {
    font-size: 20px;
  }

  .fs28 {
    font-size: 22px;
  }

  .fs30 {
    font-size: 22px;
  }

  .fs32 {
    font-size: 24px;
  }

  .fs34 {
    font-size: 24px;
  }

  .fs36 {
    font-size: 26px;
  }

  .fs38 {
    font-size: 26px;
  }

  .fs40 {
    font-size: 28px;
  }

  .fs42 {
    font-size: 28px;
  }

  .fs44 {
    font-size: 30px;
  }

  .fs46 {
    font-size: 32px;
  }

  .flex {
    max-width: 450px;
  }

  .flexc {
    max-width: 450px;
  }

  .flexs {
    max-width: 450px;
  }

  .flexb {
    max-width: 450px;
  }

  /* カラム */

  /* ##### スマホで5分割のグリッド ##### */
  .gr665 {
    width: 16%;
  }

  /* ##### スマホで4分割のグリッド ##### */
  .gr664,
  .gr654,
  .gr554 {
    width: 21%;
  }

  /* ##### スマホで3分割のグリッド ##### */
  .gr663,
  .gr653,
  .gr643,
  .gr633,
  .gr553,
  .gr543,
  .gr533,
  .gr443,
  .gr433 {
    width: 29%;
  }

  /* ##### スマホで2分割のグリッド ##### */
  .gr662,
  .gr652,
  .gr642,
  .gr632,
  .gr622,
  .gr552,
  .gr542,
  .gr532,
  .gr522,
  .gr442,
  .gr432,
  .gr422,
  .gr332,
  .gr322 {
    width: 46%;
  }

  /* ##### スマホで1分割のグリッド ##### */
  .gr661,
  .gr651,
  .gr641,
  .gr631,
  .gr621,
  .gr611,
  .gr551,
  .gr541,
  .gr531,
  .gr521,
  .gr511,
  .gr441,
  .gr431,
  .gr421,
  .gr411,
  .gr331,
  .gr321,
  .gr311,
  .gr221,
  .gr211 {
    width: 96%;
  }

  .w80 {
    width: 100%;
    margin: 2% 0;
  }

  .w75 {
    width: 100%;
    margin: 2% 0;
  }

  .w70 {
    width: 100%;
    margin: 2% 0;
  }

  .w65 {
    width: 100%;
    margin: 2% 0;
  }

  .w60 {
    width: 100%;
    margin: 2% 0;
  }

  .w55 {
    width: 100%;
    margin: 2% 0;
  }

  .w50 {
    width: 100%;
    margin: 2% 0;
  }

  .w48 {
    width: 100%;
    margin: 2% 0;
  }

  .w45 {
    width: 100%;
    margin: 2% 0;
  }

  .w40 {
    width: 100%;
    margin: 2% 0;
  }

  .w35 {
    width: 100%;
    margin: 2% 0;
  }

  .w30 {
    width: 100%;
    margin: 2% 0;
  }

  .w25 {
    width: 100%;
    margin: 2% 0;
  }

  .pic {
    width: 95%;
    margin: 0 auto;
  }

  .inner {
    width: 94%;
    max-width: 450px;
    padding: 30px 0;
  }

  .more {
    margin: 30px auto 0 auto;
  }
}

/* ハンバーガー */

@media only screen and (max-width: 1024px) {
  #gnav .toggle {
    display: block !important;
    position: fixed !important;
    width: 42px;
    height: 42px;
    top: 15px;
    right: 10px;
    cursor: pointer;
    opacity: 0.8;
    z-index: 251;
  }

  #gnav .toggle .bar {
    display: block;
    background: #170302;
    height: 2px;
    width: 28px;
    text-indent: 9999px;
    padding: 0;
    top: 50%;
    left: 7px;
    margin-top: -1px;
    position: absolute;
    -webkit-transition: ease 0.4s;
    transition: ease 0.4s;
  }

  #gnav .toggle .bar:before {
    display: block;
    content: "";
    background: #170302;
    height: 2px;
    width: 28px;
    position: absolute;
    top: -10px;
    left: 0;
  }

  #gnav .toggle .bar:after {
    display: block;
    content: "";
    background: #170302;
    height: 2px;
    width: 28px;
    position: absolute;
    top: 10px;
    left: 0;
  }

  #gnav.action .toggle .bar {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  #gnav.action .toggle .bar:after,
  #gnav.action .toggle .bar:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
    left: 0;
  }

  #gnav .accordion-body {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    -webkit-transition: height ease 0.1s, opacity ease 0.4s;
    transition: height ease 0.1s, opacity ease 0.4s;
    background: rgba(255, 255, 255, 0.8);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    z-index: -10;
  }

  #gnav.action .accordion-body {
    height: 100vh;
    opacity: 1;
    z-index: 250;
  }

  #gnav .accordion-inner {
    width: 100%;
    padding: 60px 10px 100px 10px;
  }

  #gnav li {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 0;
    margin: 0;
  }

  #gnav ul li a {
    display: block;
    color: #000;
    text-align: left;
    padding: 10px 15px;
    border: none;
  }

  .overlay:after {
    content: "";
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    /*		opacity: 0.3;*/
    opacity: 1;
    /*		z-index: 150;*/
    z-index: 9;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
  }
}
@media only screen and (max-width: 599px) {
  #gnav .toggle {
    top: 3px;
    right: 0;
  }
}

/* メインビジュアル */

.mainimg {
  position: relative;
  overflow: hidden;
}

.mainimg img {
  width: 100%;
}

.mainimg .uk-slidenav-position {
  position: relative;
  overflow: hidden;
}

.mainimg .uk-slidenav-position:after {
  padding-top: 45%;
  content: "";
  display: block;
}

.mainimg .uk-slideshow {
  position: absolute;
  top: 0;
}

.center {
  text-align: center;
}

.txt {
  padding-top: 5px;
  line-height: 200%;
}

/*heading*/
.heading1 {
  text-align: center;
  display: inline-block;
  position: relative;
}

.heading1:before {
  content: "";
  display: block;
  background: url(#) center center no-repeat;
  background-size: contain;
  width: 65px;
  height: 75px;
  left: -100px;
  top: -15px;
  position: absolute;
}

.heading1:after {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/02concept/cright.png) center center no-repeat;
  background-size: contain;
  width: 65px;
  height: 75px;
  right: -100px;
  top: -15px;
  position: absolute;
}

.midahi {
  text-align: center;
}

.heading1.mini {
  font-size: 28px;
}

.heading1.mini:before {
  width: 43px;
  height: 75px;
  left: -70px;
  top: -15px;
}

.heading1.mini:after {
  width: 43px;
  height: 75px;
  right: -70px;
  top: -15px;
}

@media only screen and (max-width: 599px) {
  .heading1.mini:before {
    width: 40px;
    left: -55px;
    top: -18px;
  }

  .heading1.mini:after {
    width: 40px;
    right: -55px;
    top: -18px;
  }
}

/*header*/
#header .logo {
  display: inline-block;
  width: auto;
  padding-left: 20px;
}

#header .logo a {
  display: inline-block !important;
  padding: 20px 12px;
}

#gnav li {
  display: inline-block;
}

#gnav li a {
  font-size: 14px;
  color: rgba(19, 30, 63, 255);
  padding: 36px 22px;
  display: inline-block;
  font-weight: normal;
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

#gnav ul {
  padding: 0 25px;
}

/* #header {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  max-width: 100%;
  min-height: 82px;
} */

/* #wrapper {
  padding-top: 82px;
} */

@media only screen and (max-width: 1024px) {
  #gnav .accordion-body {
    background: rgba(255, 255, 255, 1);
  }
}

@media only screen and (max-width: 599px) {
  .pic {
    width: 95%;
  }

  #header .logo a {
    padding: 7px 12px;
  }

  #header {
    min-height: 42px;
  }

  #wrapper {
    padding-top: 42px;
  }

  #header .logo {
    padding-left: 5px;
  }
}

/*home*/
/*home-news*/
.home-news .day {
  padding: 15px 0px;
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
  font-size: 16px;
}

.home-news .tit a {
  display: block;
  padding: 15px 15px;
  font-size: 16px;
}

.home-news .right dl {
  border-bottom: 1px solid #dfdbd8;
  margin-bottom: 15px;
}

.home-news {
  padding-bottom: 50px;
}

@media only screen and (max-width: 599px) {
  .home-news .day {
    padding: 2px 0;
  }

  .home-news .tit {
    margin: 3px 0;
  }

  .home-news .tit a {
    padding: 2px 0;
    font-size: 14px;
  }

  .home-news {
    padding-bottom: 0px;
  }
}

.more.arrow {
  margin: 0px auto 0 0;
  width: auto;
}

.more.arrow a {
  display: block;
  background: transparent;
  color: #232d4b;
  padding: 10px 0;
  border-radius: 30px;
  position: relative;
  -moz-text-align-last: left;
  text-align-last: left;
}

.more.arrow a:after {
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/common/morebtn_bk.png) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 22px;
  height: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -25px;
}

.more.white a,
.contact-btn button {
  display: block;
  background: #fff;
  color: #232d4b;
  padding: 10px 20px;
  border: solid 1px #232d4b;
  /* border-radius: 30px; */
  border-radius: 1000px;
  position: relative;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.contact-btn button {
  width: 250px;
  display: inline-block;
}

.more.white a:after {
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/common/morebtn_bk.png) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 22px;
  height: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.more.white a:hover,
.contact-btn button:hover {
  background-color: #232d4b;
  color: white;
  opacity: 1;
}

.more.white a:hover:after {
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/common/morebtn_wh.png) center center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 599px) {
  .contact-btn.confirm button {
    width: 150px;
  }
}

.more.trans a {
  display: block;
  background: transparent;
  color: #fff;
  padding: 10px 20px;
  border: solid 1px #fff;
  border-radius: 30px;
  position: relative;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.more.trans a:after {
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/common/morebtn_wh.png) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 22px;
  height: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
}

.more.trans a:hover {
  background-color: #fff;
  color: #232d4b;
  opacity: 1;
}

.more.trans a:hover:after {
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/common/morebtn_bk.png) center center no-repeat;
  background-size: contain;
}

.back {
  text-align: center;
  margin: 50px auto 0 auto;
  width: 80%;
  max-width: 160px;
}

.back a {
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
  display: block;
  background: transparent;
  color: #232d4b;
  padding: 10px 20px;
  border: solid 1px #232d4b;
  border-radius: 30px;
  position: relative;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.back a:before {
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/common/backarrow.png) center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  width: 22px;
  height: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 16px;
}

.back a:hover {
  background-color: #232d4b;
  color: #fff;
  opacity: 1;
}

.back a:hover:before {
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/common/backarrow_wh.png) center center no-repeat;
  background-size: contain;
}

/*.home-insta*/
.home-insta h2 {
  margin-bottom: 50px;
}

.home-insta .more {
  margin-top: 0;
}

@media only screen and (max-width: 599px) {
  .home-insta h2 {
    margin-bottom: 15px;
  }

  .home-insta .more {
    margin-top: 10px;
  }
}

/*home-concept*/
.home-concept .txt {
  font-size: 16px;
}

.home-concept h2 {
  padding-top: 25px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .home-concept h2 {
    padding-top: 15px;
    margin-bottom: 5px;
  }

  .home-concept .txt {
    font-size: 14px;
  }

  .home-concept .more {
    margin-left: auto;
  }
}

/*home-staff*/
.staff-top {
  padding-bottom: 50px;
}

.staff-bottom li .text {
  position: absolute;
  top: -15px;
  right: 10px;
}

.staff-bottom li {
  position: relative;
}

.staff-bottom li .num {
  font-size: 28px;
}

.staff-bottom li .big {
  font-size: 40px;
}

.staff-bottom li .name {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 18px;
}

.staff-bottom li .text {
  width: 50px;
}

.staff-bottom li .num {
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}

/* .staff-bottom li {
  margin-left: 0;
  margin-right: 0;
  width: 16%;
} */

.staff-bottom {
  margin-top: 60px;
}

@media only screen and (max-width: 599px) {
  .staff-top {
    padding-bottom: 20px;
  }

  .staff-bottom li {
    width: 50%;
  }
}

.beige {
  background-color: #f6f1ec;
}

.home-recruit .txtbox {
  background-color: #131e3f;
  margin-top: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: relative;
}

.home-recruit .right {
  position: relative;
}

.home-recruit .right .more {
  margin-left: 0;
}

.rec-bottom {
  /* position: absolute;
	bottom: 30px;
	padding: 60px; */
  width: 70%;
  position: relative;
}

.rec-bottom .txt1 {
  position: absolute;
  left: -140px;
  top: -230px;
}

.rec-bottom .txt2 {
  position: absolute;
  right: -50px;
  top: -150px;
}

@media only screen and (max-width: 599px) {
  .home-recruit .right .more {
    margin-left: auto;
  }

  .home-recruit .left .pic {
    width: 100%;
  }

  .home-recruit .txtbox {
    margin-top: 20px;
  }

  .home-recruit {
    background-color: #131e3f;
  }

  .rec-bottom {
    width: 86%;
  }

  .home-recruit .txtbox {
    height: auto !important;
  }
}

/*home-blog*/
.home-blog .pic {
  margin-bottom: 15px;
}

.home-blog .day {
  padding-bottom: 3px;
}

.home-blog .tit {
  font-size: 16px;
}

@media only screen and (max-width: 599px) {
  .home-blog .tit {
    font-size: 14px;
  }

  .home-blog .pic {
    width: 100%;
    margin-bottom: 10px;
  }
}

/*home-beforeafter*/
.home-beforeafter h2 {
  padding-top: 100px;
}

.home-beforeafter .inner {
  position: relative;
}

.home-beforeafter .more {
  margin-left: 0;
}

@media only screen and (max-width: 599px) {
  .home-beforeafter h2 {
    padding-top: 0;
  }

  .home-beforeafter .more {
    margin-left: auto;
  }
}

/*home-menu*/
.home-menu h2 {
  padding-top: 100px;
}

.home-menu .more {
  margin-left: 0;
}

@media only screen and (max-width: 599px) {
  .home-menu .pic {
    width: 100%;
  }

  .home-menu h2 {
    padding-top: 0;
  }

  .home-menu .more {
    margin-left: auto;
  }
}

/*home-etc*/
.home-etc a {
  display: block;
  cursor: pointer;
}

.home-etc li {
  position: relative;
  width: 31%;
  margin: 0 1% 2% 1%;
}

.home-etc li .pic img {
  opacity: 0.8;
}

.home-etc li .pic {
  background-color: #000;
}

.home-etc li .pic .trimmingInner {
  padding-top: 73% !important;
}

.home-etc h3 {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 20px;
  font-weight: normal;
  line-height: 130%;
}

.home-etc h3 .rub {
  font-size: 14px;
}

@media only screen and (max-width: 599px) {
  .home-etc li {
    width: 50%;
    margin: 0 0% 2% 0%;
  }
}

/*---------footer-------------*/
/*footer-top*/
.footer-top .txtbox {
  width: 55%;
  height: auto;
}

.footer-top .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer-top .right .more {
  margin-left: 0;
}

.footer-top .txtbox .logo {
  padding-bottom: 10px;
}

.footer-top .txtbox .rub {
  padding-bottom: 35px;
  font-size: 16px;
}

.footer-top .address,
.footer-top .call {
  padding-bottom: 8px;
  font-size: 16px;
}

.footer-top .call {
  padding-bottom: 20px;
}

.footer-top .txtbox {
  padding-bottom: 100px;
  padding-top: 100px;
}

.footer-top .map:after {
  padding-top: 83%;
}

@media only screen and (max-width: 599px) {
  .footer-top .txtbox {
    padding: 20px 0 30px;
    width: 86%;
  }

  .footer-top .right .more {
    margin-left: auto;
  }
}

/*footer-bottom*/
.footer-bottom .txtbox p,
.footer-bottom .txtbox p a {
  color: #fff;
}

.footer-bottom .logo {
  padding-bottom: 30px;
}

.footer-bottom .address,
.footer-bottom .call {
  padding-bottom: 8px;
}

.footer-bottom .snsbox li {
  display: inline-block !important;
}

.footer-bottom .snsbox {
  margin-bottom: 35px;
}

.footer-bottom .left {
  width: 80%;
}

.footer-bottom .right {
  width: 18%;
}

.footer-bottom ul li a {
  display: block;
  padding: 5px;
  color: #fff;
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.footer-bottom ul li.fb a {
  padding-top: 4px;
  line-height: 25px;
}

.footer-bottom {
  position: relative;
  background-color: #000;
}

.footer-bottom .bkpic img {
  position: absolute;
  z-index: 0;
  opacity: 0.3;
  top: 0%;
  left: 0;
  width: 105%;
}

.footer-bottom .inner {
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 599px) {
  .footer-bottom .bkpic img {
    /* position: absolute; */
    z-index: 0;
    /* opacity: 0.3; */
    top: 0%;
    left: 0;
    width: 400vw !important;
    height: 100% !important;
  }

  .footer-bottom .bkpic {
    width: 400vw !important;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    /* opacity: 0.3; */
    top: 0%;
    left: 0;
  }
}

/*---------footer-------------*/

/*--under--*/
.pankuzu .inner {
  padding: 10px 0 80px;
}

.pankuzu li {
  display: inline-block !important;
  font-size: 16px;
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.pankuzu li a {
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
}

.pankuzu li + li:before {
  content: ">";
  display: inline-block !important;
  margin: 0 0.5em;
}

@media only screen and (max-width: 599px) {
  .pankuzu li {
    font-size: 14px;
  }

  .pankuzu .inner {
    padding-bottom: 20px;
  }
}

.concept1 .inner {
  position: relative;
  background-color: #fff;
  padding-bottom: 0;
}

.concept1 {
  padding-bottom: 40px;
}

.concept1 .txtbox {
  position: relative;
  z-index: 1;
  text-align: center;
}

.concept1 .txtbox h3 {
  text-align: center;
  display: inline-block;
  margin-bottom: 40px;
  margin-top: 10px;
  position: relative;
}

.concept1 .txtbox h3:before {
  content: "";
  display: block;
  background: url(#) center center no-repeat;
  background-size: contain;
  width: 65px;
  height: 75px;
  left: -100px;
  top: -15px;
  position: absolute;
}

.concept1 .txtbox h3:after {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/02concept/cright.png) center center no-repeat;
  background-size: contain;
  width: 65px;
  height: 75px;
  right: -100px;
  top: -15px;
  position: absolute;
}

.concept1 .txtbox .txt {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  height: 230%;
}

.concept1 .bkimg {
  opacity: 0.2;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .concept1 .txtbox {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .concept1 .bkimg {
    opacity: 1;
    overflow: hidden;
  }
}

@media only screen and (max-width: 599px) {
  .concept1 .txtbox h3 {
    max-width: 120px;
  }

  .concept1 .txtbox h3:before {
    width: 40px;
    left: -65px;
    top: -18px;
  }

  .concept1 .txtbox h3:after {
    width: 40px;
    right: -65px;
    top: -18px;
  }

  .concept1 .txtbox {
    padding-left: 20px;
    padding-right: 20px;
  }

  .concept1 .txtbox .txt {
    font-size: 14px;
  }
}

/*menu*/
.pricecont .heading1.mini {
  font-size: 28px;
}

.pricecont .box dt {
  font-size: 18px;
  font-weight: bold;
}

.pricecont .box dt .price {
  text-align: right;
  display: block;
}

.pricecont .box dt {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 5px;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.pricecont .box dl {
  margin-bottom: 70px;
}

.pricecont .box dd {
  padding-left: 5px;
  padding-right: 5px;
}

.pricecont {
  padding-bottom: 130px;
}

.bnr_list li a {
  display: block;
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-size: 16px;
  font-family: "Libre Baskerville","游明朝", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
  border: 1px solid #bbb8b5;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 599px) {
  .pricecont .box dt {
    font-size: 16px;
  }

  .pricecont .heading1.mini {
    font-size: 22px;
  }

  .pricecont .box dl {
    margin-bottom: 50px;
  }

  .pricecont {
    padding-bottom: 50px;
  }

  .pricecont .box dt .price {
    padding-top: 10px;
  }
}

/*coupon*/
.coupon_list .box {
  background: url(#) center center no-repeat;
  background-size: cover;
  margin-bottom: 60px;
}

.coupon_list .boxinner {
  padding: 40px;
  padding-top: 20px;
  padding-bottom: 50px;
  background-image: url(#),
    url(#), url(#),
    url(#), url(#),
    url(#), url(#),
    url(#);
  background-position: 0 0, right 0, 0 bottom, right bottom, 0 0, 0 bottom, 0 0,
    right 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x,
    repeat-x, repeat-y, repeat-y;
  text-align: center;
}

.coupon_list .gentei {
  font-weight: bold;
  padding-bottom: 20px;
}

.coupon_list .price {
  display: inline-block;
  border-bottom: 1px solid #c2bdb5;
  width: 75%;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.coupon_list .attention {
  text-align: left;
}

@media only screen and (max-width: 599px) {
  .coupon_list .boxinner {
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .coupon_list .box {
    margin-bottom: 40px;
  }
}

/*staff*/
.staff1 li a {
  display: block;
}

.staff1 .position {
  border-bottom: 1px solid #c2bdb5;
  padding-bottom: 3px;
  padding-top: 13px;
  margin-bottom: 5px;
}

.staff1 .name {
  text-align: right;
}

/*staff_detail*/
.staff_detail1 h3 {
  margin-bottom: 70px;
}

.staff_detail1 .right dt {
  width: 20%;
}

.staff_detail1 .right dd {
  width: 70%;
}

.staff_detail1 .right dl {
  border-bottom: 1px solid #c2bdb5;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.staff_detail2 h4 {
  border-bottom: 1px solid #c2bdb5;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.staff_detail2 .left .pic {
  margin-bottom: 15px;
}

.staff_detail2 .left.day {
  padding-bottom: 3px;
}

.staff_detail2 .left.tit {
  font-size: 16px;
}

.staff_detail2 a {
  display: block;
}

.staff_detail3 .inner {
  max-width: 650px;
}

.staff_detail3 h3 {
  border-bottom: 1px solid #c2bdb5;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.staff_detail3 dd {
  margin-bottom: 15px;
}

.staff_detail3 dt {
  font-size: 16px;
}

@media only screen and (max-width: 1024px) {
  .staff_detail1 .right dt {
    width: 100%;
    padding-bottom: 5px;
  }

  .staff_detail1 .right dd {
    width: 100%;
  }

  .staff_detail1 .right dl {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }

  .staff_detail3 .inner {
    max-width: 450px;
  }

  .staff_detail3 dt {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .staff_detail1 h3 {
    margin-bottom: 30px;
  }

  .staff_detail3 li {
    width: 48%;
  }

  .staff_detail3 ul {
    margin-bottom: 30px;
  }

  .staff_detail3 .inner {
    padding-top: 0;
  }

  .staff_detail3 h3 {
    text-align: left;
  }
}

/*news*/
.newslist li a {
  display: block;
  cursor: pointer;
}

.newslist li .day .s1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.newslist li .day .s1:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background: #c2bdb5;
  display: block;
  margin-left: 0.4em;
}

.newslist li .cate {
  border: 1px solid #131e3f;
  padding: 2px 15px;
  border-radius: 20px;
  text-align: center;
}

.newslist li .tit {
  width: 82%;
}

.newslist li {
  margin-bottom: 70px;
}

@media only screen and (max-width: 1024px) {
  .newslist li {
    margin-bottom: 40px;
  }

  .newslist li .day .s1 {
    margin-bottom: 10px;
  }

  .newslist li .cate {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .newslist li {
    margin-bottom: 30px;
  }
}

.cate_archlist li a {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 11px;
  margin-bottom: 12px;
  display: block;
  position: relative;
  padding-left: 30px;
  font-size: 16px;
}

.cate_archlist li a:before {
  display: block;
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/common/ca_ar_line.png) center center no-repeat;
  background-size: contain;
  width: 6px;
  height: 2px;
  position: absolute;
  left: 5px;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cate_archbox h3 {
  border-bottom: 1px solid #94918e;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .cate_archbox {
    padding-bottom: 30px;
  }
}

/*pagenav*/
.pagenav ul {
  margin: 0px auto;
  padding: 20px 0;
  text-align: center;
}

.pagenav li {
  display: inline-block;
  margin: 5px 15px;
  vertical-align: middle;
}

.pagenav li a {
  display: block;
  font-size: 24px;
  padding: 12px 18px;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  background-color: #131e3f;
  border: solid 1px #131e3f;
}

.pagenav li.st a {
  background-color: #131e3f;
  color: #131e3f;
  background-color: transparent;
}

.pagenav li.next a,
.pagenav li.prev a {
  display: block;
  font-size: 16px;
  padding: 4px 7px;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: transparent;
  border: 0px;
}

@media only screen and (max-width: 1024px) {
  .pagenav li a {
    font-size: 16px;
    padding: 5px 12px;
  }

  .pagenav li {
    margin: 5px;
  }
}

@media only screen and (max-width: 599px) {
  .pagenav li {
    margin: 5px 3px;
  }

  .newslist li .day {
    font-size: 18px;
  }

  .pagenav {
    padding-bottom: 20px;
  }
}

/*newsdetail*/
.newsdetail1 .cate {
  border: 1px solid #131e3f;
  padding: 2px 15px;
  border-radius: 20px;
  text-align: center;
}

.newsdetail1 .day {
  padding-right: 14px;
}

.newsdetail1 h3 {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.newsdetail1 .catecarh {
  padding-bottom: 40px;
}

.newsdetail1 .kizitxt {
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd8d4;
  margin-bottom: 20px;
  font-size: 16px;
}

.newsdetail1 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 599px) {
  .newsdetail1 .kizitxt {
    font-size: 14px;
    margin-bottom: 60px;
  }

  .newsdetail1 h3 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .newsdetail1 .day {
    width: 100%;
    padding-bottom: 10px;
  }

  .newsdetail1 .cate {
    padding: 2px 8px;
    font-size: 13px;
  }

  .newsdetail1 .catecarh {
    padding-bottom: 30px;
  }

  .newsdetail1 {
    padding-bottom: 20px;
  }
}

/*blog*/
.bloglist a {
  display: block;
  cursor: pointer;
}

.bloglist .cate {
  border: 1px solid #131e3f;
  padding: 2px 15px;
  border-radius: 20px;
  text-align: center;
}

.bloglist .day {
  padding-right: 14px;
}

.bloglist .tit {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.bloglist .pic {
  margin-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .bloglist .tit {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 15px;
  }

  .bloglist .day {
    padding-bottom: 5px;
  }

  .bloglist .cate {
    padding: 2px 8px;
    font-size: 12px;
  }

  .bloglist li {
    padding-bottom: 15px;
  }

  .bloglist .pic {
    width: 100%;
  }
}

/*blogdetai*/
.blogdetail3 h3 {
  border-bottom: 1px solid #94918e;
  padding-bottom: 10px;
  margin-bottom: 45px;
  text-align: center;
}

.blogdetail3 li:first-of-type {
  margin-left: 0;
}

.blogdetail3 li:last-of-type {
  margin-right: 0;
}

/*befoaft*/
.befoaft1 li a {
  display: block;
  cursor: pointer;
}

.befoaft_list {
  padding-bottom: 0px;
}

.befoaft_list li {
  margin-bottom: 4%;
}

@media only screen and (max-width: 1024px) {
  .befoaft_list li .pic {
    width: 100%;
  }
}

/*befoaft_detail*/
.befoaft_detail1 .right .subimg_list {
  padding-bottom: 90px;
}

.befoaft_detail1 .right .staff_pic {
  border-radius: 50%;
  overflow: hidden;
}

.befoaft_detail1 .right .position {
  padding-bottom: 15px;
}

.befoaft_detail1 .right .name {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.befoaft_detail2 h3 {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 5px;
  margin-bottom: 30px;
}

.befoaft_detail2 li:first-of-type {
  margin-left: 0;
}

.befoaft_detail2 li:last-of-type {
  margin-right: 0;
}

@media only screen and (max-width: 599px) {
  .staff_comment .right {
    margin: 0 auto;
    max-width: 300px;
    width: 80%;
  }

  .staff_comment .right .pic {
    margin-top: 20px;
  }

  .staff_comment .right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .staff_comment .left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .back {
    margin-top: 0px;
    padding-bottom: 50px;
  }
}

/*product_list*/
.product_list li a {
  display: block;
  cursor: pointer;
}

.product_list li .pic {
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .product_list li .pic {
    width: 100%;
  }

  .product_list li {
    padding-bottom: 15px;
  }

  .product_list li dt {
    font-size: 14px;
  }
}

/*Head spa*/

.headspa1 li:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.headspa1 h3 {
  padding-left: 50px;
  position: relative;
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 5px;
  margin-bottom: 30px;
  padding-top: 20px;
}

.headspa1 h3:before {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/10headspa/headimg.png) center center no-repeat;
  background-size: contain;
  width: 38px;
  height: 53px;
  position: absolute;
  left: 0px;
  bottom: 10px;
}

.list_a li {
  padding-left: 30px;
  position: relative;
  font-size: 16px;
  padding-bottom: 5px;
}

.list_a li:before {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/10headspa/li_img.png) center center no-repeat;
  background-size: contain;
  width: 18px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.list_a {
  margin-bottom: 20px;
}

.headspa1 .boxlist li.box {
  margin-bottom: 80px;
}

.headspa2 h3 {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 10px;
  margin-bottom: 45px;
}

.headspa2 .left .pic {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 5px;
}

.headspa2 .list_a {
  padding: 0 10px;
}

.headspa3 {
  padding-top: 90px;
}

.flowlist li .pic {
  position: relative;
  margin-bottom: 12px;
}

.flowlist li .pic:after {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/10headspa/flowarrow.png) center center no-repeat;
  background-size: contain;
  width: 14px;
  height: 22px;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flowlist li:nth-of-type(4) .pic:after {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .headspa1 h3 {
    padding-top: 0;
    padding-left: 45px;
    margin-bottom: 20px;
  }

  .headspa1 h3:before {
    width: 35px;
  }

  .list_a li {
    font-size: 16px;
  }

  .headspa1 .boxlist .box > div {
    width: 100%;
    margin: 2% 0;
  }

  .headspa2 > div > div {
    width: 100%;
    margin: 2% 0;
  }
}

@media only screen and (max-width: 599px) {
  .headspa1 .boxlist li.box {
    margin-bottom: 40px;
  }

  .headspa2 > div > div {
    margin-bottom: 30px;
  }

  .list_a li {
    padding-bottom: 10px;
  }

  .headspa3 {
    padding-top: 40px;
  }
}

/*haircare*/
.haircare1 h3 {
  position: relative;
  padding-top: 30px;
  padding-bottom: 20px;
  display: inline-block;
}

.haircare1 h3:after {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/11haircare/heading_bk.png) center center no-repeat;
  background-size: contain;
  width: 77px;
  height: 97px;
  position: absolute;
  right: -80px;
  bottom: 0px;
}

.haircare1_midashi {
  text-align: center;
  display: block;
}

.nayami_list h4 {
  margin-bottom: 0px;
}

.nayami_list h4 .num {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 28px;
  padding-right: 10px;
}

.nayami_list h4 .big {
  font-size: 40px;
}

.boxinn_list dt {
  background-color: #131e3f;
  text-align: center;
  padding: 8px;
  border-right: 1px solid #fff;
  color: #fff;
  font-size: 18px;
}

.boxinn_list dd {
  border-left: 1px solid #c5c1bd;
  border-bottom: 1px solid #c5c1bd;
  padding: 13px 25px;
  font-size: 16px;
  line-height: 180%;
}

.boxinn_list li:last-of-type dd {
  border-right: 1px solid #c5c1bd;
}

.boxinn_list li:last-of-type dt {
  border-right: 1px solid #131e3f;
}

.nayami_list .box_list .left {
  width: 28%;
}

.nayami_list li.box:nth-of-type(even) > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.nayami_list li.box {
  margin-bottom: 75px;
}

.nayami_list li:nth-of-type(even) h4 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.nayami_list li:nth-of-type(even) h4 .midashitxt {
  padding-right: 20px;
}

@media only screen and (max-width: 599px) {
  .haircare1 h3 {
    font-size: 20px;
    padding-bottom: 50px;
    margin-bottom: 60px;
  }

  .haircare1 h3:after {
    width: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -40px;
  }

  .nayami_list .box_list .left {
    width: 100%;
  }

  .boxinn_list dd {
    border-right: 1px solid #c5c1bd;
    padding: 10px 15px;
  }

  .boxinn_list dt {
    border-right: 1px solid #131e3f;
  }

  .nayami_list li:nth-of-type(even) h4 {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
  }

  .nayami_list li h4 .midashitxt {
    width: 100%;
    font-size: 20px;
    padding-bottom: 10px;
  }

  .nayami_list li:nth-of-type(even) h4 .midashitxt {
    padding-right: 0;
  }

  .nayami_list h4 .num {
    font-size: 20px;
    padding-bottom: 5px;
  }

  .nayami_list h4 .big {
    font-size: 30px;
  }
}

/*voice*/
.voicelist .box h3 {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 0px;
  line-height: 140%;
  margin-bottom: 10px;
}

.voicelist .box h3 .name {
  padding-right: 40px;
}

.voicelist .box h3 .nenrei + .seibetsu:before {
  content: "/";
}

.voicelist .box {
  margin-bottom: 80px;
}

@media only screen and (max-width: 599px) {
  .voicelist .box {
    margin-bottom: 40px;
  }

  .voicelist .box h3 .name {
    padding-right: 20px;
  }
}

/*faq*/

.faqlist .left .q {
  display: block;
  width: 71px;
  height: 71px;
  position: relative;
  background-color: #131e3f;
  color: #fff;
}

.faqlist .left .q .num {
  display: inline-block;
  padding-bottom: 5px;
  font-size: 28px;
  padding-right: 5px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.faqlist .left .q .big {
  font-size: 32px;
}

.faqlist .left .q .top {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: 5px;
}

.faqlist .left .q:before {
  display: block;
  content: "";
  background: url(/import/tenant_1/160.16.140.161/html/images/13faq/line.png) center center no-repeat;
  background-size: contain;
  width: 43px;
  height: 43px;
  position: absolute;
  top: 11px;
  left: 9px;
}

.faqlist .right {
  width: 90%;
}

.faqlist .right dt {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 5px;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
}

.faqlist .right dt:after {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/13faq/arrow.png) center center no-repeat;
  background-size: contain;
  width: 12px;
  height: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}

.faqlist li {
  margin-bottom: 110px;
}

@media only screen and (max-width: 1024px) {
  .faqlist .right {
    width: 100%;
    padding-top: 20px;
  }
  .faqlist li {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 599px) {
  .faqlist li {
    margin-bottom: 60px;
  }

  .faqlist .right {
    padding-top: 15px;
  }

  .faqlist .left .q {
    display: block;
    width: 59px;
    height: 59px;
    position: relative;
    background-color: #131e3f;
    color: #fff;
  }

  .faqlist .left .q .top {
    font-size: 19px;
    position: absolute;
    left: 3px;
    top: 3px;
  }

  .faqlist .left .q .num {
    display: inline-block;
    padding-bottom: 2px;
    font-size: 20px;
    padding-right: 2px;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .faqlist .left .q .big {
    font-size: 24px;
  }

  .faqlist .left .q:before {
    display: block;
    width: 28px;
    height: 43px;
    top: 11px;
    left: 9px;
  }
}

/*access*/
.access_list li dt {
  width: 21%;
  font-size: 16px;
}

.access_list li dd {
  width: 75%;
  font-size: 16px;
}

.access_list li {
  border-bottom: 1px solid #ddd8d4;
  padding-bottom: 18px;
  margin-bottom: 30px;
}

.inn_access .inner {
  max-width: 770px;
}

.access1 {
  padding-top: 70px;
}

.inn_access {
  position: relative;
  overflow: hidden;
}

.inn_access .bkimg {
  width: 140%;
  position: absolute;
  z-index: 1;
}

.inn_access .inner {
  position: relative;
  z-index: 2;
}

.inn_access .bkimg img {
  opacity: 0.3;
}

@media only screen and (max-width: 1024px) {
  .inn_access .bkimg {
    position: relative;
    max-width: 768px;
    width: 93%;
  }

  .inn_access .bkimg img {
    opacity: 1;
  }

  .access1 {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .access_list li dt {
    width: 100%;
    padding-bottom: 5px;
    font-weight: bold;
  }

  .access_list li dd {
    width: 100%;
    font-size: 15px;
  }

  .access_list li {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}

/*contact*/
.contact1 {
  background-color: #131e3f;
}

.contact1 .table {
  max-width: 630px;
  margin: 0 auto;
}

.contact1 dl input.size1 {
  background: #fff;
  line-height: 26px;
  display: inline-block;
  width: 100%;
}

.contact1 dd {
  width: 70%;
}

.contact1 dt {
  width: 28%;
  line-height: 26px;
  color: #fff;
  font-size: 16px;
}

.contact1 dl {
  margin-bottom: 40px;
}

.contact1 dl textarea {
  background: #fff;
  line-height: 26px;
  display: inline-block;
  width: 100%;
  max-height: 170px;
}

.more button {
  background: #fff;
  font-size: 16px;
  color: #000;
  padding: 15px 45px;
  position: relative;
  width: 98%;
  border: 1px solid #fff;
  font-weight: bold;
  cursor: pointer;
}

.contact1 .more {
  margin: 30px auto;
  max-width: 170px;
}

/*recruit*/
.recruit1 .top .right,
.recruit1 .top .left {
  width: 49%;
}

.recruit1 .top .right .mini_right,
.recruit1 .top .left .mini_right {
  width: 65%;
}

.recruit1 .top .right .mini_left,
.recruit1 .top .left .mini_left {
  width: 31%;
}

.recruit1 .top {
  margin-bottom: 20px;
}

.recruit1 .bottom .left,
.recruit1 .bottom .right {
  width: 28%;
}

.recruit1 .bottom .center {
  width: 40%;
  background-color: #131e3f;
  position: relative;
  color: #fff;
}

.recruit1 .bottom .center:before {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/14recruit/rec1b_c_l.png) center center no-repeat;
  background-size: contain;
  width: 51px;
  height: 74px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}

.recruit1 .bottom .center:after {
  content: "";
  display: block;
  background: url(/import/tenant_1/160.16.140.161/html/images/14recruit/rec1b_c_r.png) center center no-repeat;
  background-size: contain;
  width: 41px;
  height: 68px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
}

.recruit1 .bottom .center dt {
  padding-top: 40px;
  padding-bottom: 25px;
  text-align: center;
  color: #fff;
}

.recruit1 .bottom .center dd {
  text-align: center;
  color: #fff;
}

.recruit1 .bottom_img,
.recruit2 .bottom_img {
  padding-top: 45px;
}

.recruit1 .bottom_img img,
.recruit2 .bottom_img img {
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .recruit1 .top .right,
  .recruit1 .top .left {
    width: 100%;
    margin-bottom: 4%;
  }

  .recruit1 .top .right .mini_right img,
  .recruit1 .top .left .mini_right img,
  .recruit1 .top .right .mini_left img,
  .recruit1 .top .left .mini_left img {
    width: 100%;
  }

  .recruit1 .bottom .left,
  .recruit1 .bottom .right {
    width: 48%;
    margin-bottom: 4%;
  }

  .recruit1 .bottom .left img,
  .recruit1 .bottom .right img {
    width: 100%;
  }

  .recruit1 .bottom .center {
    width: 100%;
    margin-bottom: 4%;
    order: -1;
  }

  .recruit1 .bottom .center dd {
    padding-bottom: 40px;
  }

  .recruit1 .top {
    margin-bottom: 0;
  }
}

.blue_heading {
  background-color: #131e3f;
  text-align: center;
  margin-bottom: 30px;
  color: #ffffff;
  padding: 5px 0;
}

.recruit2 .inn_box {
  position: relative;
  overflow: hidden;
}

.recruit2 .inn_box .box {
  position: relative;
  z-index: 2;
  max-width: 810px;
  padding: 30px;
  margin: 0 auto;
}

.recruit2 .inn_box .bkimg img {
  opacity: 0.5;
  z-index: 1;
}

.recruit2 .inn_box {
  margin-bottom: 30px;
}

.recruit2 .inn_box2 .pic {
  margin-bottom: 30px;
}

.recruit2 .inn_box2 dt {
  font-weight: bold;
  padding-bottom: 8px;
}

.b_border {
  border: solid 1px #fff;
  /* 内側の線になる5pxの線をひく */
  margin: 2px;
  /* 外側の線の場所を確保する */
  position: relative;
  /* 外側の線の場所を調整する時の基準点になるようにする    */
  border-radius: 50%;
  /* 要素の角を丸くする */
  background-color: #131e3f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font-size: 16px;
  width: 180px;
  height: 180px;
  padding: 15px;
}

.b_border::before {
  content: "";
  /* 擬似要素に実体を持たせる */
  width: calc(100% + 2px);
  /* 外側の線になる要素の幅を指定する */
  height: calc(100% + 2px);
  /* 外側の線になる要素の高さを指定する */
  border: solid 5px #131e3f;
  /* 外側の線になる一本線の枠線をひく*/
  position: absolute;
  /* 外側の線の位置を自由に動かせるようにする */
  top: -6px;
  /* 外側の線の位置を、内側の線から上に7pxずらす */
  left: -6px;
  /* 外側の線の位置を、内側の線から左に7pxずらす */
  border-radius: 50%;
  /* 要素の角を丸くする */
}

.recruit3 .circle_list {
  position: relative;
  width: 565px;
  height: 260px;
  margin: 150px auto;
  background: url(/import/tenant_1/160.16.140.161/html/images/14recruit/hukuri_bg.png) center center no-repeat;
  background-size: contain;
}

.recruit3 .circle_list li {
  position: absolute;
}

.recruit3 .circle_list .top_li {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -90px;
}

.recruit3 .circle_list .left_li {
  left: -90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.recruit3 .circle_list .right_li {
  right: -90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.recruit3 .circle_list .bottom_li {
  left: 50%;
  bottom: -90px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.recruit3 .inn_box2 .left {
  position: relative;
  padding-left: 100px;
}

.recruit3 .inn_box2 .left .pic {
  position: relative;
}

.recruit3 .inn_box2 .left .b_border {
  position: absolute;
  top: -40px;
  left: -90px;
}

.recruit3 .inn_box2 .right {
  font-size: 16px;
}

.recruit3 .inn_box2 .hukuri_list li {
  margin-bottom: 85px;
}

.recruit4 .left .name {
  text-align: right;
  font-size: 30px;
}

.recruit4 .left .pic {
  margin-bottom: 20px;
}

.recruit4 .right .q_list .q {
  font-size: 25px;
}

.recruit4 .right .q_list .num {
  font-size: 37px;
  padding-right: 18px;
}

.recruit4 .right .q_list dt {
  font-size: 24px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd8d4;
}

.recruit4 .right .q_list .txt {
  font-size: 16px;
}

.recruit4 .right .q_list li {
  margin-bottom: 55px;
}

.recruit5 {
  background-color: #131e3f;
}

.recruit5 .schedule_list .time {
  color: #fff;
  padding-bottom: 10px;
}

.recruit5 .schedule_list .pic {
  margin-bottom: 15px;
  color: #fff;
}

.recruit5 .schedule_list .tit {
  font-size: 18px;
  padding-bottom: 10px;
  color: #fff;
}

.recruit5 .schedule_list .text {
  color: #fff;
}

.recruit5 .schedule_list li {
  margin-bottom: 0;
}

.recruit5 .inner {
  padding: 30px 0 30px;
}

.recruit6 .bosyu_list .left {
  width: 30%;
  font-size: 16px;
  font-weight: bold;
  padding-right: 20px;
}

.recruit6 .bosyu_list .right {
  width: 70%;
  font-size: 16px;
}

.recruit6 .bosyu_list dl {
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ddd8d4;
}

.recruit6 .bosyuwrap {
  width: 100%;
  max-width: 870px;
  margin: 60px auto;
}

.recruit6 .mini_ul li:before {
  content: "・";
  position: absolute;
  left: -5px;
}

.recruit6 .mini_ul li {
  position: relative;
  padding-left: 16px;
  font-size: 16px;
}

.recruit6 .mini_ul {
  margin: 5px auto;
}

.recruit6 h3 {
  margin-bottom: 90px;
}


.recruit7.contact1 .table dd label {
  color: #fff;
  font-size: 16px;
  padding-right: 30px;
  padding-left: 5px;
}

.recruit7 .btn_list {
  max-width: 430px;
  margin: 0 auto;
}

.recruit7 .inner {
  padding-top: 70px;
  padding-bottom: 70px;
}

.recruit7 h3 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1024px) {
  .b_border {
    width: 130px;
    height: 130px;
    font-size: 15px;
  }

  .recruit3 .circle_list {
    width: 400px;
    height: 150px;
  }

  .recruit3 .circle_list .top_li {
    top: -65px;
  }

  .recruit3 .circle_list .left_li {
    left: -65px;
  }

  .recruit3 .circle_list .right_li {
    right: -65px;
  }

  .recruit3 .circle_list .bottom_li {
    bottom: -65px;
  }

  .recruit3 .inn_box2 .left .b_border {
    position: relative;
    border-radius: 0;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    margin-bottom: 30px;
    padding: 10px 15px;
    font-size: 18px;
  }

  .recruit3 .inn_box2 .left .b_border::before {
    border-radius: 0;
  }

  .recruit3 .inn_box2 .left {
    padding-left: 0;
  }

  .recruit3 .inn_box2 .left,
  .recruit3 .inn_box2 .right {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .recruit2 .inn_box .box {
    padding: 15px;
  }

  .recruit2 .inn_box .bkimg img {
    opacity: 1;
  }

  .blue_heading {
    margin-bottom: 20px;
  }

  .recruit3 .circle_list {
    width: auto;
    height: auto;
    background: none;
    margin: 30px auto 80px;
  }

  .recruit3 .circle_list li {
    position: relative;
    margin: 0 auto 30px;
  }

  .recruit3 .circle_list .top_li {
    top: 0px;
    left: 0;
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
  }

  .recruit3 .circle_list .left_li {
    left: 0px;
    top: 0;
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
  }

  .recruit3 .circle_list .right_li {
    right: 0px;
    top: 0;
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
  }

  .recruit3 .circle_list .bottom_li {
    bottom: 0px;
    left: 0;
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
  }

  .recruit3 .inn_box2 .left .b_border {
    font-size: 16px;
  }

  .recruit6 .bosyu_list .left {
    width: 100%;
    padding-bottom: 15px;
  }

  .recruit6 .bosyu_list .right {
    width: 100%;
  }

  .contact1 dt {
    width: 100%;
    padding-bottom: 10px;
  }

  .contact1 dd {
    width: 100%;
  }

  .more button {
    padding: 8px 45px;
  }
  .recruit3 .inn_box2 .hukuri_list li:last-child {
    margin-bottom: 0;
  }
  .recruit6 h3 {
    margin-bottom: 60px;
  }
}