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

/**/

/**/

.shojyoimg span{
    top: -2%;
    transform:rotate(1deg)!important;
}

.topcss .kasouk{
  display: none
}

.dairi {
    background: url(/upload/tenant_1/50b8b6e2b06db2c8f5490d2e222b507d.jpg);
    height: 50px;
    opacity: 0.6;
    /*margin: -40px 0 -10px;*/
    margin: 20px 0 -10px;
    position: relative;
    display: block;
    z-index: 0;
}

.dairi::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: 999999;
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -webkit-linear-gradient(top, #fff, #fff);
    background: linear-gradient(to bottom, #fff, #fff0);
    height: 6px;
    width: 100%;
}

.dairi::after {
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 999999;
    background: -moz-linear-gradient(bottom, #fff, #fff);
    background: -webkit-linear-gradient(bottom, #fff, #fff);
    background: linear-gradient(to top, #fff, #fff0);
    height: 6px;
    width: 100%;
}



.mvmv {
    padding: 0px 30px 0;
    display: grid;
    margin: 0 0 0 0;
}

.mvmv video{
  width: 100%
}

.nwbg{
}

.nwbg .aimg{
    width: 92%;
    max-width: 1000px!important;
    margin: 0 auto;
    padding: 50px 0;
    display: block;
}

.nwbg h3{
    width: 92%;
    max-width: 1000px!important;
    margin: 0 auto;
    padding: 50px 0;
    display: block;
}

.nwbg .text{
    width: 92%;
    max-width: 1000px!important;
    margin: 0 auto;
    padding: 50px 0;
    display: block;
}

.nwbg .flexb{
    width: 92%;
    max-width: 1000px!important;
    margin: 0 auto;
    padding: 50px 0;
}


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

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

.gothic {
    font-family: "游ゴシック", YuGothic, Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.voice_list li .messagebox a .bg-mask1 {
    position: relative;
}

.voice_list li .messagebox a .bg-mask1:before {
    content: "";
    position: absolute;
    width: 99%;
    height: 50%;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #e5e5e4);
    pointer-events: none;
    transition: 1s;
    z-index: 1;
    margin: 1px;
}

.contenedor {
  display: table;
  margin: 20px auto;
  position: relative;
}

.expand {
    max-width: 900px;
    padding: 15px 10px 40px;
    max-height: 220px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #aaa;
    transition: .5s;
    font-size: 16px;
    line-height: 200%;
}

.expand::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
    transition: 1s;
}

.contenedor input {
  visibility: hidden;
}

.contenedor label {
  position: absolute;
  bottom: -.8em;
  display: block;
  font-size: .9em;
  padding: .20em 10px;
  right: 0;
  background: #aaa;
  box-shadow:-5px 0 white;
  color: white;
  z-index:9;
  cursor: pointer;
  text-transform: uppercase;
}

.contenedor label:before {
  content: "続きを読む";
}

.contenedor input:checked + label:before {
  content: "閉じる"
}

input[type=checkbox]:checked ~ .expand {
    max-height: max-content;
}

input[type=checkbox]:checked ~ .expand:before {
 opacity: 0
}

@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////


/////////////////////////////////////////////////////////////////// */

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

.voice_list {
}

.voice_list li {
}

.voice_list li .pic {
}

.voice_list li .pic a {
}

.voice_list li .pic a .trimming150 {
}

.voice_list li .pic a .trimming150 .trimmingInner {
}

.voice_list li .messagebox {margin: 0px auto 0;background: url(/upload/tenant_1/f49547c9614901d991cc0e31140213d7.jpg) center center;padding: 10px 10px 10px;}

.voice_list li .messagebox a {}

.voice_list li .messagebox a .bg-mask1 {
}

.voice_list li .messagebox a .bg-mask1 dl {
    border: solid 1px #000;
    padding: 10px 10px 10px;
    position: relative;
    height: 210px;
    overflow: hidden;
}
.voice_list li .messagebox a .bg-mask1 dl .fs16 {
    font-size: 14px;
}
.voice_list li .messagebox a .bg-mask1 dl dd {font-size: 10px;}

.voice_list li a {
}

.voice_list li p {
}

.voice_list li .txt {
}

.voice_list li .txt a {
}

.voice_list li .txt a .heightLine-group1 {
}

.voice_list li .txt a .heightLine-group2 {
}

.voice_list li .txt a .tit {
}

.voice_list li .more {
}

.voice_list li .more a {
}



.contenedor1 {
  display: table;
  margin: 20px auto;
  position: relative;
}

.expand1 {
    max-width: 900px;
    padding: 15px 10px;
    max-height: 190px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #aaa;
    transition: .5s;
    font-size: 16px;
    line-height: 200%;
}

.expand1::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
    transition: 1s;
}

.contenedor1 input {
  visibility: hidden;
}

.contenedor1 label {
  position: absolute;
  bottom: -.8em;
  display: block;
  font-size: .9em;
  padding: .20em 10px;
  right: 0;
  background: #aaa;
  box-shadow:-5px 0 white;
  color: white;
  z-index:100;
  cursor: pointer;
  text-transform: uppercase;
}

.contenedor1 label:before {
  content: "続きを読む";
}

.contenedor1 input:checked + label:before {
  content: "閉じる"
}

input[type=checkbox1]:checked ~ .expand1 {
 max-height: 500px;
}

input[type=checkbox1]:checked ~ .expand1:before {
 opacity: 0
}





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-weight: 400;
    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: #000;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*フォント系*/
.rank_text {
}

.rank_text dt {
    margin: -10px auto 0!important;
}

.rank_text dd {
    margin: 0px!important;
    font-weight: bold;
    color: darkgoldenrod;
}
[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;
}

h3 {
    font-size: 34px;
    /*	font-weight: bold;*/
    font-weight: normal;
    margin-bottom: 50px;
}

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

h5 {
    font-size: 18px;
    font-weight: bold;
    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: 40%;
}

.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);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.scale:hover {
    -webkit-transform: scale(1.1);
    -ms-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: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    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: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    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: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    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: -webkit-linear-gradient(right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    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: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 80%);
    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%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

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

.subj {
    font-size: 12px;
    display: block;
}

[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: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

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

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

/*align-item*/

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

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

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

/*align-content*/

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

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

.contentend {
    -webkit-align-content: flex-end;
    -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: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flexb > div[data-collection-archive-content] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexsbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -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: 21%;
    margin: 0 2% 6% 2% !important;
}

/* ##### 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%;
}
.w20 {
    width: 20%;
}

.w15 {
    width: 15%;
}

[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;
}

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

.subtit img {
    width: 100%;
}

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

.more a {
    display: block;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png);
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    color: #fff;
    background-size: 100% auto;
    padding: 15px 20px;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
    font-size: 14px;
    position: relative;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    border: 1px solid #a99149;
}

.more a:after {
    content: ">";
    right: 20px;
    display: block;
    position: absolute;
    top: 28%;
    right: 16px;
}

.more a:hover {
    background: #fff;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png); 
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    border: 1px solid #a99149;
    opacity: 1;
}

.more02 {
    text-align: center;
    margin: 0 auto;
    width: 80%;
    max-width: 180px;
}

.more02 a {
    display: block;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png);
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    color: #fff;
    background-size: 100% auto;
    padding: 15px 20px;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
    font-size: 14px;
    position: relative;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    border: 1px solid #a99149;
}

.more02 a:after {
    content: ">";
    right: 20px;
    display: block;
    position: absolute;
    top: 28%;
    right: 16px;
}

.more02 a:hover {
    background: #fff;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png); 
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    border: 1px solid #a99149;
    opacity: 1;
}




@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) {
  .dairi_sp {
    background: url(/upload/tenant_1/50b8b6e2b06db2c8f5490d2e222b507d.jpg);
    height: 50px;
    opacity: 0.6;
    margin: 8px 0 -10px;
    position: relative;
    display: block;
    z-index: 0;
}

.dairi_sp::before {
    content: '';
    position: absolute;
    top: 0;
    z-index: 999999;
    background: -moz-linear-gradient(top, #fff, #fff);
    background: -webkit-linear-gradient(top, #fff, #fff);
    background: linear-gradient(to bottom, #fff, #fff0);
    height: 6px;
    width: 100%;
}

.dairi_sp::after {
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 999999;
    background: -moz-linear-gradient(bottom, #fff, #fff);
    background: -webkit-linear-gradient(bottom, #fff, #fff);
    background: linear-gradient(to top, #fff, #fff0);
    height: 6px;
    width: 100%;
}
.wakuhen .inner {
    width: 100%;
    max-width: 100%;
}
.wakuhen .flexb {
    width: 100%;
    max-width: 100%;
}

.kodawari .message4 {
    background: none!important;
}

    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;
    }
    .w20 {
        width: 100%;
        /* margin: 2% 0; */
    }

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

    .pic {
        width: 80%;
        /* 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: 0px;
        right: 0px;
        background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png);
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
        background-size: 100%;
        cursor: pointer;
        /*		opacity: 0.8;*/
        opacity: 1;
        z-index: 251;
    }

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

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

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

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

    #gnav.action .toggle .bar:after,
    #gnav.action .toggle .bar:before {
        -webkit-transform: rotate(90deg);
        -ms-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 .1s, opacity ease .4s;
        transition: height ease .1s, opacity ease .4s;
        /* background: rgba(255, 255, 255, 0.8); */
        background:#000;
        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 #777; */
        padding: 0;
        margin: 0 1.3%;
        width: 46%;
        
    }

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

    .overlay:after {
        content: "";
        width: 100%;
        height: 100vh;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        /*		z-index: 150;*/
        z-index: 9;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
}

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

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

.mainimg img {
    width: 100%;
}

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

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

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




/*resetここまで*/
.under .slide .uk-dotnav>.uk-active>*{
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
      background-color: #a99149;
}
.under .slide .uk-dotnav-contrast>*>*{
   background-color: #bfbfbf;
}
.under .slide .uk-dotnav>*>*{
  width: 10px;
  height: 10px;
}
.under .slide .uk-position-bottom{
  bottom: -30px;
}
.under .slide .inner {
    margin-bottom: 30px;
}




/*header*/
#header {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    max-width: 100%;
    min-height: 82px;
}
.header_bg{
  background: url('/import/tenant_1/153.126.173.59/html/images/07newsblog/01.png') top center;
  background-size:cover;
  min-height: 82px;
}



#gnav li a {
    font-size: 16px;
    color: #fff;
    padding: 25px 26px;
    display: inline-block;
    font-weight: normal;
}

#gnav li {
    display: inline-block !important;

}

#gnav li.pc_non {
    display: none !important;
}

[data-element-id]#gnav li.pc_non{
    display: inline-block !important;
}

#gnav {
    display: inline-block;
}

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

h1 {
    width: auto;
}

#header .logo {
    display: inline-block;
}
@media only screen and (max-width: 1024px) {
    #gnav li.pc_non {
        display: inline-block !important;;
    }
}
@media only screen and (max-width: 599px) {
.header_bg {
    display: none;
}

    #header .logo a {
        padding: 3px 10px;
    }

    #header {
        position: relative;
        min-height: 0;
    }

}

.mainimg .mainimg_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*homeabout*/
.homeabout {
   /*  background: url(/import/tenant_1/153.126.173.59/html/images/01top/about_bg.png) center center; */
    background: url(/upload/tenant_1/f49547c9614901d991cc0e31140213d7.jpg) center center;
    background-size: cover;
   /*  padding: 40px 0; */
}

.homeabout .inner {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #947e3d;
}
.homeabout .bg-mask1{
  padding: 40px 0;
}

h2 {
    font-size: 30px;
    font-weight: normal;
}

.center {
    text-align: center;
}

/*角ありフレーム*/

.kado {
    margin: 0 auto;
    background-image: url(/import/tenant_1/153.126.173.59/html/images/01top/kado1.png),
        url(/import/tenant_1/153.126.173.59/html/images/01top/kado3.png), url(/import/tenant_1/153.126.173.59/html/images/01top/kado2.png), url(/import/tenant_1/153.126.173.59/html/images/01top/kado4.png);
    background-position: 0 0, right 0, 0 bottom, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 30px;
}

/*heading*/
/*heading1*/
.heading1 .min {
    line-height: 120%;
    font-size: 14px;
}

.heading1 .en {
    line-height: 100%;
}

.heading1 {
    margin-bottom: 40px;
    line-height: 80%;
    text-align: center;
}

/*heading2*/
.heading2 {
    line-height: 80%;
}

.heading2 .en {
    border-top: solid 1px #a4915a;
    border-bottom: solid 1px #a4915a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    max-width: 420px;
    display: block;
    margin: 0 auto;
    letter-spacing: 10px;
    font-size: 30px;
    line-height: 160%;
}

.heading2 .en:before {
    position: absolute;
    content: "";
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/heading-kin.png) center center no-repeat;
    background-size: contain;
    width: 100px;
    height: 18px;
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.heading2 .min {
    font-size: 14px;
    line-height: 160%;
}

/*heading3*/
.heading3 {
    position: relative;
    text-align: center;
}

.heading3:before {
    position: absolute;
    content: "";
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/blackline.png) center center no-repeat;
    background-size: contain;
    width: 222px;
    height: 100%;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.heading3:after {
    position: absolute;
    content: "";
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/blackline.png) center center no-repeat;
    background-size: contain;
    width: 222px;
    height: 100%;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 1024px) {
    .heading3:before {
        width: 20%;
        background: url(/import/tenant_1/153.126.173.59/html/images/01top/blackline.png) center left no-repeat;
        background-size: 270px;
    }

    .heading3:after {
        width: 20%;
        background: url(/import/tenant_1/153.126.173.59/html/images/01top/blackline.png) center right no-repeat;
        background-size: 270px;

    }
}

@media only screen and (max-width: 599px) {
    .heading3:before {
        width: 15%;
        background: url(/import/tenant_1/153.126.173.59/html/images/01top/blackline.png) center left no-repeat;
        background-size: 270px;
    }

    .heading3:after {
        width: 15%;
        background: url(/import/tenant_1/153.126.173.59/html/images/01top/blackline.png) center right no-repeat;
        background-size: 270px;

    }
}

/*heading4*/
.headig4 {
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png); 
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    text-align: center;
    color: #fff;
    padding: 20px;
}


/*heading ここまで*/
.home-m3d {
    background: url(/upload/tenant_1/baea33878f5669e861451dc24dbab246.png) center center;
    background-size: cover;
}

.bg-mask {
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    padding: 120px 0 150px;
}
.bg-mask1 {
  height: 100%;
  background: rgba(255,255,255,0.5);
  width: 100%;
}


.home-m3d .inner {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 100px 0;
    position: relative;
}

.kin-mask .trimmingInner {
    position: relative;
    display: block;
}

.kin-mask.trimming97 {
    position: relative;
    display: block;
    overflow: hidden;
}

.kin-mask.trimming97:before {
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/kinwaku.png) top center / cover no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 103%;
    z-index: 1;
    left: 0;
}

.kin-mask1 .trimmingInner {
    position: relative;
    display: block;
}

.kin-mask1.trimming150 {
    position: relative;
    display: block;
    overflow: hidden;
}

.kin-mask1.trimming150:before {
    background: url('/upload/tenant_1/5c5d8222fa241c556556d6ad1ae3ea51.png') top center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 103%;
    z-index: 1;
    left: 0;
}


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

    .homeabout .kado {
        background-size: 50px;
    }

    .homeabout .bg-mask{
        padding: 20px 0;
    }
}

.home-m3d ul {
    position: relative;
    margin: 80px auto 60px;
}

.home-m3d li {
    /* width: 380px; */
    width: 30%;
    right: 5%;
}

.home-m3d li.more {
    max-width: 180px;
    width: 80%;
    display: block;
}

.home-m3m ul {
    position: relative;
    margin: 80px auto 60px;
}

.home-m3m li {
    /* width: 380px; */
    width: 40%;
    right: 5%;
}

.home-m3m li.more {
    max-width: 180px;
    width: 80%;
    display: block;
}


.home-m3d .img2 {
    /*   width: 470px;*/
    width: 40%;
}

.home-m3d .img1 {
    position: absolute;
    /*    left: -150px;*/
    top: -120px;
    right: auto;
    left: -3.5%;
}

.home-m3d .img3 {
    position: absolute;
    /*    right: -150px;*/
    right: -3.5%;
    bottom: -120px;
}

.home-m3d .btn {
    position: absolute;
    bottom: -83px;
    width: 100%;
}

.arrow {
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/blackarrow.png) bottom no-repeat;
    background-size: contain;
    max-width: 259px;
    text-align: right;
    padding-right: 30px;
    padding-bottom: 5px;

}

.home-m3d .menu_btn {
    position: absolute;
    bottom: -83px;
    width: 100%;
}

.menu_btn li a.arrow {
    max-width: 194px;
    width: 80%;
    right: 7%;
    font-size: 18px;
}


.arrow a {
    background-color: transparent;
    text-align: right;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "Sawarabi Mincho", serif;
    color: #000;
    font-size: 18px;
    padding-bottom: 10px;

}

.arrow a:after {
    content: "";
    display: none;
}

.arrow {
    position: absolute;
    right: 0;
    bottom: -30px;
}

.hasami:before {
    position: absolute;
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/hasami.png) center center no-repeat;
    background-size: contain;
    /*    width: 80px;*/
    /*    width: 7%;*/
    width: 6%;
    height: 91px;
    content: "";
    /*    right: -120px;*/
    right: -0%;
    top: -30px;
}

.homestoregallery .w50 {
    width: 50%;
}

.homestoregallery .inner {
    padding: 5px 0;
    width: 100%;
}

@media only screen and (max-width: 599px) {
    .bg-mask {
        padding: 80px 0;
    }

    .heading2 .en {
        font-size: 22px;
        max-width: 250px;
        letter-spacing: 4px;
    }

    .home-m3d .inner {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .home-m3d .img1,
    .home-m3d .img3 {
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
        right: auto;
        left: auto;
    }

    .home-m3d .img1 {
        left: 0;
    }

    .home-m3d .img3 {
        right: 0;
    }

    .home-m3d ul {
        margin: 20px auto;
    }

    .home-m3d .txtbox {
        padding: 0 20px;
    }

    .home-m3d .pic {
        width: 93%;
    }

    .hasami:before {
        display: none;
    }

    .home-m3d .menu_btn {
        bottom: -120px;
    }
}

.homestyle .gallery li {
    width: 20%;
}

.homestyle .inner {
    padding: 100px 0;
}

.more.whitebtn a {
    color: #000;
    background: #fff!important;
    border: solid 1px #000;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

@media only screen and (max-width: 599px) {
.homestyle .inner {
    padding-top: 50px;
    padding-bottom: 40px;
}

/*     .homestyle .gallery li:last-of-type {
        display: none;
    } */

    .homestyle h2 {
        font-size: 22px;
    }

    .homestyle .gallery li {width: 45%;}
}

.homenews {
    background: url(/upload/tenant_1/f49547c9614901d991cc0e31140213d7.jpg) center center;
    background-size: cover;
}

.h_newslist {
    padding: 60px 0;
}

.h_newslist ul {
    background: #fff;
}

.h_newslist li {
    border-bottom: #e2e2e2 1px solid;
    padding: 26px 40px;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.h_newslist li .w15{
    width: 18%;
}

.h_newslist li:last-of-type {
    border: 0px;
}

.h_newslist li .day {
    color: #a9a9a9;
    font-size: 16px;
    font-weight: bold;
   /*  width: 100%; */
    /* padding-right: 40px; */
}

.h_newslist li .tit a {
    font-size: 16px;
}

@media only screen and (max-width: 1024px) {
    .h_newslist li .w15 {
        min-width: 180px;
        margin: 0 auto;
        margin-right: 0;
        
    }
    .h_newslist li > .flex.w80{
      margin: 0;
      width: 100%;
      max-width: 100%;
    }

}

@media only screen and (max-width: 599px) {
  .h_newslist li .w15{
    width: 100%;
}
  
    .h_newslist li .tit {
        display: block;
        padding-top: 5px;
    }

    .h_newslist ul {
        padding: 0px 12px 10px;
    }

    .h_newslist {
        padding: 30px 0px 0;
    }

    .h_newslist li {
        padding: 15px 0px;
    }

    .h_newslist li .w15 {
        max-width: 180px;
    }

    .homenews h2 {
        font-size: 22px;
    }

    .h_newslist li .tit a {
        font-size: 14px;
    }
}




.mini_more a {
    position: relative;
    color: #98800e;
    font-size: 12px;
    text-align: right;
    padding-right: 30px;
    padding-left: 50px;
    cursor: pointer;
}
.homenews .mini_more a {
    display: inline;
}

.mini_more a:before {
    position: absolute;
    content: "";
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/h_more.png) center center no-repeat;
    background-size: contain;
    width: 40px;
    height: 1px;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mini_more a:after {
    position: absolute;
    content: ">";
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #98800e;
}

.tfmxy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.homemenu dl {
    position: relative;
}

.homemenu .sub {
    position: absolute !important;
    text-align: center;
    display: block;
    color: #fff;
    z-index: 1;
}

.homemenu .sub .en {
    font-size: 25px;
    font-size: 25px;
}

.homemenu dl a {
    display: block;
}

.homemenu .inner {
    padding: 100px 0;
}

.homemenu {
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/bg2.png) center center;
    background-size: cover;
}

.homemenu dl .pic:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.homemenu dl a:hover .pic:before {
    background-color: rgba(0, 0, 0, 0.1);
}

.homemenu dl {
    position: relative;
}

.homemenu dl a:hover {
    opacity: 1;
}

@media only screen and (max-width: 599px) {
    .homemenu .inner {
        padding: 50px 0;
    }

    .homemenu .sub .en {
        font-size: 22px;
    }


}

.homeblog .pic {
    overflow: hidden;
    margin-bottom: 25px;
}

.homeblog dd,
.homeblog dl a {
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

.homeblog dd.day {
    font-weight: bold;
    color: #a9a9a9;
    padding-bottom: 15px;
}

.homeblog dl dt {
    padding-bottom: 15px;
}

.homeblog dl a {
    display: block;
}

.homeblog .sns {
    text-align: center;
    padding-top: 40px;
}

.homeblog .sns li {
    display: inline-block !important;
    padding: 0 15px;
}

.homeblog .sns li a {
    display: block;
}

.homeblog .inner {
    padding-bottom: 100px;
}

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

    .homeblog .mini_more a {
        padding-right: 15px;
        padding-left: 33px;
    }

    .homeblog .mini_more a:before {
        width: 27px;
    }

    .homeblog .inner {
        padding-bottom: 50px;
    }

    .homeblog .sns {
        padding-top: 10px;
    }
}

.homerecruit li {
    float: right;
    background: rgba(255, 255, 255, 0.8);
    padding: 60px 60px 40px 60px;
}

.homerecruit {
    background: url(/upload/tenant_1/ae10ef947d630391ee1671ae1d3ce6ce.png) center center;
    background-size: cover;
}

.homerecruit .more.whitebtn a {
    background: rgba(255, 255, 255, 0);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.more.whitebtn a:hover {
    background: #000;
    color: #fff;
    opacity: 1;
    border: 1px solid #000;
}

@media only screen and (max-width: 599px) {
    .homerecruit li {
        padding: 30px 20px;
    }

    .homerecruit h2 {
        font-size: 22px;
    }

    .homerecruit .txt .center {
        text-align: left;
    }
}

.access dt {
    width: 23%;
    font-size: 16px;
    font-weight: bold;
}

.access dd {
    width: 77%;
    font-size: 16px;
    line-height: 180%;
}

.access li {
    margin-bottom: 30px;
}

.access {
    max-width: 430px;
    margin: 70px auto 0;
}

.homeaccess .inner {
    /* background: url(/import/tenant_1/153.126.173.59/html/images/01top/about_bg.png) center center; */
    background: url(/upload/tenant_1/f49547c9614901d991cc0e31140213d7.jpg) center center;
    background-size: 1900px;
    margin: 60px auto 0;
    padding: 0;
   
}
.homeaccess .inner .bg-mask1{
   padding: 20px;
}

.homeaccess .borderbox {
    border: 1px solid #000;
    padding: 75px 0 60px;
}

@media only screen and (max-width: 599px) {
    .homeaccess .inner {
        margin: 20px auto 0;
        width: 100%;
    }
    .homeaccess .inner .bg-mask{
      padding: 10px;
    }

    .homeaccess .borderbox {
        padding: 30px 10px 10px;
    }

    .homeaccess .access dt,
    .homeaccess .access dd {
        width: 100%;
    }

    .homeaccess h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .homeaccess ul {
        margin-top: 20px;
    }

    .homeaccess .access li {
        margin-bottom: 20px;
    }

    .homeaccess .access dd {
        font-size: 14px;
    }
}

.homemap .inner {
    padding-top: 0;
    padding-bottom: 100px;
}

@media only screen and (max-width: 599px) {
    .homemap .inner {
        padding-bottom: 0px;
        width: 100%;
    }

    .homemap .map:after {
        padding-top: 90%;
    }
}

#footer {
    background-color: rgba(0, 0, 0, 0.55);
    padding-bottom: 60px;
}

#footer .inner {
    padding: 30px 0
}

.footnav li {
    display: inline-block;
}

.footnav li a {
    color: #fff;
    font-size: 16px;
    padding: 0px 15px;
    display: block;
    padding-bottom: 20px;
}

.footnav ul {
    text-align: center;
    margin-bottom: 120px;
}
.footnav ul.sns{
  margin-bottom: 40px;
}

.footlogo .logo {
    text-align: center;
}

.footlogo .logo a {
    display: inline-block;
}

.copy {
    color: rgba(162, 161, 161, 255);
    text-align: center;
    margin-top: 160px;
}

.copy small {
    letter-spacing: 3px;
    font-size: 12px;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.footfix{
    display: none;
    background: rgba(36, 36, 36, 0.9);
    padding: 15px 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 150;
    height: 70px;
}
.footfix .tel {
    width: 56%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.footfix .tel a {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    text-align: center;
}
.footfix .tel a:before {
    display: inline-block;
    content: "\f095";
    font-family: fontawesome;
    margin-right: 10px;
}
.footfix .contactbtn {
    width: 30%;
}
.footfix .contactbtn a {
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png); 
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 2px 10px;
    line-height: 12px;
}
.footfix .contactbtn a:before {
    display: block;
    content: "\f108";
    font-size: 14px;
    font-weight: normal;
    font-family: fontawesome;
    line-height: 1.5;
}
[data-element-id].footfix{
  display: block;
}

@media only screen and (max-width: 1024px) {
.footfix {
    display: block;
}
}

@media only screen and (max-width: 599px) {
    .footnav ul {
        margin-bottom: 50px;
        text-align: left;
    }

    .footnav li {
        width: 45%;
    }

    .copy {
        margin-top: 50px;
    }

    .footnav li a {
        padding-bottom: 10px;
        padding-top: 5px;
    }

    #footer .inner {
        padding-bottom: 10px;
    }
}


/*代表あいさつ　message*/
.sublogo {
    width: 100%;
    text-align: center;
    line-height: 0;
}

.sublogo img {
    display: block;
    margin: 0 auto;
}

.subtitle .heading3 {
    letter-spacing: 12px;
}

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

@media only screen and (max-width: 599px) {
    .subtitle .heading3 {
        letter-spacing: 0;
        font-size: 22px;
    }

}

.slide .inner {
    padding: 0;
}

.heading1.space {
    letter-spacing: 5px;
}

.kinmozi {
    color: #b09957;
}

@media only screen and (max-width: 599px) {
    .message1 .heading1 .en {
        line-height: 130%;
        letter-spacing: 2px;
    }

    .message1 .txt {
        text-align: left;
        font-size: 14px;
        line-height: 200%;
        width: 90%;
        margin: 0 auto;
    }
}

.message2 .txt div {
    line-height: 230%;
}

.message2.homerecruit li {
    padding: 70px 100px;
}

.message2 ul {
    position: relative;
}

.message2 li.ownerpic {
    position: absolute;
    top: 0;
    left: 0px;
    background: transparent;
    padding: 0;
}

.message2 {
    margin-bottom: 60px;
}

@media only screen and (max-width: 1024px) {
    .message2.homerecruit li.w65 {
        padding: 30px 50px;
    }

    .message2 .txt p {
        line-height: 200%;
    }
}

@media only screen and (max-width: 599px) {
    .message2.homerecruit li.w65 {
        padding: 30px 20px;
        width: 95%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .message2 li.ownerpic {
        position: relative;


    }

    .message2.homerecruit li {
        float: none;
    }

    .message2 .txt p {
        font-size: 14px;
    }

    .message2 {
        margin-bottom: 0px;
    }
}



.message3 {
    margin-bottom: 100px;
}

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

    .message3 {
        margin-bottom: 0px;
    }
}


.message4 {
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/m3dbg.png) center center;
    background-size: cover;
    margin-bottom: 100px;
}

.message4 li {
    background: rgba(255, 255, 255, 0.9);
    padding: 65px 60px 45px;
    margin-bottom: 15px;
}

.message4 .heading2 .en {
    font-size: 24px;
    max-width: 250px;
    letter-spacing: 7px;
}

.message4 .heading2 .min {
    font-size: 14px;
}

.message4 .heading2 {
    margin-bottom: 40px;
}

.message4 li .pic {
    max-width: 280px;
    margin: 0 auto 35px;
}

.message4 .txt div {
    line-height: 230%;
}

.message4 .bg-mask {
    padding: 10px 0 0;
}


@media only screen and (max-width: 1024px) {
.message4 li{
       padding: 50px 40px 45px;
}
}

@media only screen and (max-width: 599px) {
    .message4 li {
        width: 50%;
        padding: 50px 20px 45px;
    }

    .message4 .txt p {
        text-align: left;
    }

    .message4 .heading2 .en {
        font-size: 22px;
        letter-spacing: 2px;
    }
}

/*こだわり*/
.kodawari1 .txt {
    line-height: 230%;
}

.kodawari2.message4 {
    background: #fbfbfa;
}

.kodawari2 .txtbox {
    margin: 0 auto;
    padding: 20px 0;
}

.kodawari02box .heading1{
  line-height: 160%;
}

.kodawari02box .titbox{
  margin: 40px 0;
}
.kodawari02list {
  margin: 80px 0;
}

.kodawari02list li.kodawari02item:last-of-type{
  margin-bottom: 0;
}

.kodawari02list li.kodawari02item{
  background: none;
    padding: 0;
    margin-bottom: 100px;
    width: 100%;
}

.kodawari02list li .pbox{
  width: 32%;
  margin: 0 auto;
}
.kodawari02list li .tbox{
  width: 60%;
  margin: 0 auto;
}
.kodawari02list li  dt{
  margin: 0.5em 0;
}
.kodawari02list li  dd{
  margin: 0.5em 0;
}
.kodawari02list li *{
  text-align: center;
}
.kodawari02list li .pic{
  margin: 0;
  max-width: 100%;
  width: 100%;
}
.kodawari02list li .pbox .pic{
  background: url('/upload/tenant_1/5c5d8222fa241c556556d6ad1ae3ea51.png') top center /100% 100% no-repeat;
  padding: 5%;
  margin-bottom: 2em;
}

.kodawari02list .tbox .picitem{
      background: none;
    padding: 0;
    width: 23%;
            margin: 1%;
}

@media only screen and (max-width: 1024px) {
    .message4 .heading2 .en {
        font-size: 22px;
        letter-spacing: 2px;
    }
    
    .kodawari02box .titbox {
    margin: 30px 0;
}
    
    .kodawari02list {
    margin: 60px 0;
}
    
    .kodawari02list li.kodawari02item{
    margin-bottom: 60px;
}
}

@media only screen and (max-width: 599px) {
    .kodawari2 .txtbox p {
        font-size: 14px;
        text-align: left;
    }

.kodawari2.message4 {
    margin-bottom: 0px;
}
    
    .kodawari02box .titbox {
    margin: 20px 0;
}
    
    .kodawari02list {
    margin: 40px 0;
}
    
    .kodawari02list li.kodawari02item{
    margin-bottom: 20px;
}
}

.kodawari3 {
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/m3dbg.png) center center;
    background-size: cover;
}

.kodawari3 .bg-mask {
    padding: 10px 0 0;
}

.box1 {
    background: rgba(255, 255, 255, 0.9);
    padding: 60px;
}

.kodawari3 .box1 h3 .en,
.kodawari4 .box1 h3 .en {
    font-size: 20px;
}

.kodawari3 .box1 h3,
.kodawari4 .box1 h3 {
    margin-bottom: 70px;
}

.kodawari3 .box1 .txt div,
.kodawari4 .box1 .txt div {
    line-height: 230%;
}

@media only screen and (max-width: 599px) {
    .kodawari3 .box1 {
        padding: 50px 20px 20px;
    }
}


.circle_list li {
    width: 10rem;
    height: 10rem;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png); 
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    border-radius: 50%;
    padding: 4px;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 0 5px #a99149;
    box-shadow: 0 0 0 5px #a99149;
}

.circle_list ul {
    margin-top: 40px;
}

.box2 ul {
    margin: 30px auto 0;
}
.box2 .gr332{
  width: 27%;
}

@media only screen and (max-width: 1024px) {
    .circle_list li {
        margin-bottom: 30px;
        width: 11rem;
        height: 11rem;
        margin-left: 50px;
        margin-right: 50px;
    }

    .kodawari4 .box1 {
        padding: 50px 10px 20px;
    }

}

@media only screen and (max-width: 599px) {
.circle_list li {
    margin-bottom: 30px;
    width: 11rem;
    height: 11rem;
    margin-left: 50px;
    margin-right: 50px;
    margin: 0px auto 30px;
}

    .kodawari3 .box1 h3 .en,
    .kodawari4 .box1 h3 .en {
        letter-spacing: 1px;

    }

    .kodawari3 .box1 h3,
    .kodawari4 .box1 h3 {
        margin-bottom: 40px;
    }

    .kodawari3 .box1 .txt p,
    .kodawari4 .box1 .txt p {
        line-height: 200%;
        font-size: 14px;
    }

    .box2 .pic {
        width: 95%;
    }
    .box2 .gr332{
  width: 46%;
}
}


.kodawari5 .num {
    background-color: #a99149;
    color: rgb(255, 255, 255);
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 26px;
    text-align: center;
    line-height: 140%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 1.3rem;
    left: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 7px 0px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    letter-spacing: 0;
}

.kodawari5 .merit_list li {
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.5rem;
    line-height: 140%;
    padding-left: 90px;
    position: relative;
    margin: 4rem 0;
}


.kodawari5 .merit_list li:nth-last-of-type(-n+3) {
  padding-right: 250px;
} 

.kodawari5 .merit_list {
    padding: 0px 70px;
}

.kodawari5 .heading1 {
    margin-bottom: 90px;
}

.kodawari5 .rb_pic {
    position: absolute;
    bottom: 60px;
    right: 60px;
    width: 100%;

}

.kodawari5 .rb_pic .w25 {
    margin-right: 0;
    margin-left: auto;
}


.kodawari5 .inner {
    border: solid 1px #a99149;
    position: relative;
    background-color: #ffffff80;
}

.kodawari5 {
    
    /* background: url(/import/tenant_1/153.126.173.59/html/images/03kodawari/bg.jpg) center center no-repeat; */
    background: url(/upload/tenant_1/f49547c9614901d991cc0e31140213d7.jpg) center center;
    background-size: cover;
    background-size: cover;
}
.kodawari5 .bg-mask1{
  padding: 100px 0;
}

@media only screen and (max-width: 1024px) {
  .kodawari5 .merit_list li:nth-last-of-type(-n+3) {
  padding-right:0px;
} 
  
    .kodawari5 .rb_pic {
        position: relative;
        bottom: auto;
        right: auto;

    }

    .kodawari5 .rb_pic .w25 {
        margin-right: 110px;
    }
}

@media only screen and (max-width: 599px) {
    .kodawari5 .bg-mask1{
        padding: 30px 0;
    }

    .kodawari5 .kado {
        background-size: 50px;
    }

    .kodawari5 .merit_list {
        padding: 0 20px;
    }

    .kodawari5 .heading1 {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .kodawari5 .merit_list li {
        padding-left: 57px;
        letter-spacing: 0;
        font-size: 14px;
        margin: 40px 0;
    }

    .kodawari5 .num {
        width: 2.5rem;
        height: 2.5rem;
        top: 0%;
        -webkit-transform: translateY(-0%);
        -ms-transform: translateY(-0%);
        transform: translateY(-0%);
        font-size: 20px;
    }
}


.kodawari6 h3 .en {
    font-size: 20px;
}

.kinsousyoku {
    position: relative;
    display: block;
    overflow: hidden;
}

.kinsousyoku:before {
    background: url(/import/tenant_1/153.126.173.59/html/images/03kodawari/kinframe01.png) top center / cover no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 103%;
    z-index: 1;
    left: 0;
}

.kinsousyoku .trimmingInner {
    padding-top: 118.5% !important;
}

.kodawari6 .right .pic {
    border: 1px solid #a99149;
}

.kodawari6 .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.kodawari6 .left .after_arw {
    background: url(/import/tenant_1/153.126.173.59/html/images/01top/blackarrow.png) bottom no-repeat;
    background-size: contain;
    max-width: 259px;
    text-align: right;
    padding-right: 30px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 18px;
}

.kodawari6 li {
    margin-bottom: 70px;
    margin: 0px auto 100px;
}

  .kodawari6 .left .after_txt {
        display: none;
    }


@media only screen and (max-width: 1024px) {
    .kodawari6 .left .after_arw {
        max-width: 100px;
    }
}

@media only screen and (max-width: 599px) {
    .kodawari6 span.w100.after_txt{
      position: relative;
    }
  
  .kodawari6 span.w100.after_txt:before {
    content: "";
    background: url('/upload/tenant_1/5e09e09a550748aed3d2a33e445b35d6.png') center center no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 60%;
}
  
    .kodawari6 .left .after_arw {
        display: none;
    }

    .kodawari6 .left .after_txt {
        font-size: 18px;
        text-align: center;
        padding-top: 20px;
        display: block;
    }

    .kodawari6 h3 .en {
        letter-spacing: 2px;
    }
}

/*menu メニュー*/
.menu1 .heading1 .min {
    font-size: 16px;
    line-height: 230%;
}

.menu1 h4 {
    font-size: 15px;
    padding: 15px;
    margin-bottom: 30px;
    position: relative;
}

.menu1 h4 .min {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #000;
}

.menu1 dl {
    width: 100%;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: solid 1px #bbb;
}

.menu1 dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
    font-size: 16px;
}

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

.menu1 ul {
    max-width: 920px;
    margin: 0 auto 10px;
}

.menu1 .heading1 {
     margin-bottom: 60px;
}

.menu1 li {
    margin-bottom: 55px;
}

.menu1 li.picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media only screen and (max-width: 1024px) {
    .menu1 li {
        padding: 0 15px;
    }

.menu1 h4 {
    margin-bottom: 30px;
    padding: 10px;
}

}

@media only screen and (max-width: 599px) {
    .menu1 dd {
        width: 100%;
        text-align: right;
        padding-top: 5px;
    }

    .menu1 li {
        margin-bottom: 25px;
    }

}

/*staff スタッフ*/

.staff2 .pic {
    margin-bottom: 25px;
}
.staff2 .pic a{
  display: block
}

.staff2 .position {
    padding-bottom: 10px;
}

.staff2 .inner {
    padding: 80px 0
}
@media only screen and (max-width: 599px) {
.staff2 .pic{
    width: 100%;
    margin-bottom: 7px;
}
    .staff1 .pic{
        width: 100%;
    }
    .staff2 .inner{
        padding: 40px 0;
    }
}

/*staff_detail スタッフ詳細*/
.staff_detail2 .kinsousyoku:before {
    background: url(/upload/tenant_1/037ab8720f4cc6865a996483de6694ed.png) center center / contain no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.staff_detail2 .kinsousyoku .trimmingInner {
    padding-top: 150% !important;
}
.staff_detail2 .kinsousyoku .trimmingInner img{
      width: 111% !important;
}

.staff_detail2 .position {
    padding: 10px 0 0px;
    font-size: 12px;
}

.staff_detail2 .namae {
    margin: 0 10px 0 0px;
}

.staff_detail2 .right {
    position: relative;
}

.staff_detail2 .messagebox {
    margin: 20px auto 0;
    /* background: url(/import/tenant_1/153.126.173.59/html/images/01top/about_bg.png) center center; */
    background: url(/upload/tenant_1/f49547c9614901d991cc0e31140213d7.jpg) center center;
}
.staff_detail2 .messagebox .bg-mask1{
    padding: 8px;
}

.staff_detail2 .messagebox w100 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.staff_detail2 .right .messagebox dl {
    border: solid 1px #000;
    padding: 30px 40px 100px;
    position: relative;
}

.staff_detail2 .right .messagebox dt {
    text-decoration: underline;
    padding-bottom: 50px;
}

.staff_detail2 .right .messagebox dd {
    line-height: 230%;
}

/*newsblog ニュース・ブログ*/
.newsblog2 .left {
    width: 75%;
}

.newsblog2 .right {
    width: 23%;
}
.newsblog2 .right .catemidashi.heading2{
  margin-bottom: 20px;
}

.newsblog2 .heading2 .en {
    font-size: 22px;
    text-align: center;
    letter-spacing: 4px;
}

.newsblog2 .right h3 {
    margin-bottom: 25px;
    margin-top: 20px;
}

.newsblog2 .right li {
    padding: 0 10px 20px;
}

.newsblog2 .right li a {
    display: block;
}

.newsblog2 .right ul {
    margin-bottom: 80px
}

.newsblog2 {
    background-color: #ebebe7;
}

.pagenav ul {
    text-align: center;
    padding: 50px 0;
}

.pagenav li {
    display: inline-block;
}

.pagenav li a {
    padding: 0 10px;
    font-size: 18px;
}

.pagenav li.st a {
    text-decoration: underline;
}

.newsblog2 .kizilist p.day {
    padding: 16px 0;
}

.newsblog2 .kizilist p.tit {
    line-height: 180%;
}

.newsblog2 .left .kizilist .pic a {
    display: block;
}

.newsblog2 .kiziwrap .day {
    padding: 30px 0;
}

.newsblog2 .kiziwrap .tit {
    padding-bottom: 55px;
}

.prenext{
  margin-top: 50px;
}

.prenext li.pre{
  padding-top: 20px;
}
.prenext li a{
  font-size: 16px;
  position: relative;
  padding-left: 50px;
  padding-bottom: 20px;
  padding-top: 10px;
  display: block;
}
.prenext li.pre a:before{
    content:"<";
    background-color: #000;
    padding: 5px 10px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 12px;
    
}
.prenext li.next a:before{
    content:">";
    background-color: #000;
        padding: 5px 10px;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 12px;
    
}

@media only screen and (max-width: 599px) {
.newsblog2 .kiziwrap .day{
    padding: 20px 0
}
    .newsblog2 .kiziwrap .tit{
        font-size: 18px;
    }
    .newsblog2 .inner{
        padding-bottom: 0;
    }
}

.newsblog2 .kiziwrap {
    padding: 0 20px;
}

.back_arrow a {
    max-width: 259px;
    background: url(/import/tenant_1/153.126.173.59/html/images/08newsblog_detail/arrow.png) bottom center no-repeat;
    background-size: contain;
    display: block;
    padding: 10px 30px;
}

.back_arrow {
    margin-bottom: 50px;
}
@media only screen and (max-width: 599px) {
.back_arrow a{
    width: 30%;
}
}


.recom {
    padding: 60px 0;
}

.recom .heading2 .en {
    font-size: 20px;
    max-width: 240px;
    text-align: center;
}

.recom .day {
    margin: 13px 0 10px;
    display: inline-block;
    box-sizing: border-box;
}

.recom .tit a {
    height: 200%;
    font-size: 16px;
}

.recom ul {
    padding: 30px 0;
}
.recom ul .pic a{
  display: block
}

.product1 .come div {
    line-height: 230%;
}
@media only screen and (max-width: 599px) {
.recom .pic{
   width: 100%; 
}
    .recom .day{
        padding: 10px 0;
    }
}

.product1 li.come {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product1 {
    background: url(/import/tenant_1/153.126.173.59/html/images/09product/01.png) center center no-repeat;
    background-size: cover;
}

.product2 .tit a {
    font-size: 16px;
    padding: 20px 0 30px;
    display: block;

}

.product2 .pic a {
    display: block;
}

.product2 .pro_list {
    padding: 30px 0 0px;
}

.product2 .ml,
.product2 .price {
    color: rgba(102, 102, 102, 255);
}

.bnr_kin a {
    display: block;
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 20px 0;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png) center center no-repeat;
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: cover;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.bunruicate .bnr_kin a{
  background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png) center center no-repeat;
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
   background-size: 100%;
}
.style2 .bnr_list.bunruicate{
  padding: 40px 0 0px;
}

@media only screen and (max-width: 1024px) {
.bnr_kin a{
  background-size: 109%;  
}
}

@media only screen and (max-width: 599px) {
  .bunruicate .bnr_kin a{
       background: url(/import/tenant_1/153.126.173.59/html/images/09product/bnr.png) center center no-repeat;
    background-size: cover; 
  }
  
.product1 li.come{
    width: 95%;
}
    .bnr_kin a{
  background-size: 100%; 
        padding: 10px 0;
}
    .product1 li.come p{
      font-size: 16px;   
    }
    .product2 .pic{
        width: 100%;
    }
    .product2 .tit a{
        font-size: 13px;
        padding: 10px 0 20px;
    }
    .product2 li{
        margin-bottom: 30px;
    }
    .product3 .inner{
        padding-top: 0
    }
    .product2 .pagenav ul{
        padding-bottom: 20px
    }
    .product2 .pagenav li{
        margin-bottom: 0;
    }
    .product3 .bnr_list li{
        width: 73%;
    }
}

/*product プロダクト詳細*/
.product_detail2 .subimg li {
    width: 30%;
    margin: 30px 1.5% 40px;
}

.product_detail2 .comment dt {
    border-bottom: 1px solid #000;
    position: relative;
    padding-bottom: 3px;
    font-size: 16px;
    margin-bottom: 20px;
}

.product_detail2 .comment dd {
    font-size: 16px;
    line-height: 180%;
}

/* .product_detail2 .comment dt:after {
    position: absolute;
    content: "";
    background: url(/import/tenant_1/153.126.173.59/html/images/10product_detail/arrow.png) center center no-repeat;
    background-size: cover;
    width: 20px;
    height: 10px;
    bottom: 10px;
    right: 20px;
} */

.product_detail2 .tit {
    padding: 40px 0 20px;
}

.product_detail2 .price {
    padding-bottom: 80px;
    width: 90%;
    margin: 0 auto;
}

.subimg {
    margin-bottom: 60px;
}

@media only screen and (max-width: 599px) {
.subimg{
    margin-bottom: 3px;
}
    .product_detail2 .subimg li{
        margin-bottom: 10px;
    }
    .product_detail2 .tit{
        padding-top: 0;
    }
    .product_detail2 .price{
        padding-bottom: 40px;
    }
    
    .product_detail2 .back_arrow{
        margin-top: 80px;
        margin-bottom: 40px;
    }
}

/*style STYLE*/
@media only screen and (max-width: 599px) {
    .style1 .pic{
        width: 100%;
    }
}

.style2 .bnr_kin a {
    padding: 11px 0;
    font-size: 14px;
}

.style2 .bnr_list {
    padding: 20px 0;
}

.figure_list a {
    display: block;
}

.figure_list h3 {
    text-align: center;
    font-size: 24px;
    color: #fff;
    width: 95%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
}

.figure_list .category {
    color: #fff;
    text-align: center;
}

.figure_list figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;

}

.figure_list figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.figure_list figure:hover figcaption {
    opacity: 1;
}
@media only screen and (max-width: 599px) {
.style2 .bnr_list{
    padding: 20px 0;
}
    .style2 .bnr_list li{
        width: 80%;
    }
    .figure_list h3{
        font-size: 16px;
    }
}


/*style_detail2*/
.style_detail2.product_detail2 .comment dt:after {
    display: none;
}

.style_detail2 .style_comment {
    padding: 30px 0 70px;
}

.style_detail2 .comment {
    padding-bottom: 60px;
}

.recom.style_detail3 .heading2 .en {
    max-width: 300px;
}
@media only screen and (max-width: 599px) {
.style_detail2 .style_comment{
    padding: 0px 0 50px;
}
    .product_detail2.style_detail2 .back_arrow{
        margin-top: 0px;
    }
    .style_detail3{
        padding: 30px 0 60px;
    } 
}

/*voice*/
.voice_list .txt {
    padding-top: 10px;
    padding-bottom: 15px;
}
.voice_list .txt span{
  box-sizing: border-box;
   display: inline-block;
}

.voice_list .more {
    margin-top: 0;
    width: 98%;
}

.voice_list .gr442 {
    width: 20%;
    margin: 0 2.5% 6% 2.5%;
}

.voice_list .pic a {
    display: block;
}

.voice2.style2 .inner {
    padding-top: 80px;
}

.voice_detail2 .comment {
    border-bottom: 1px solid #000;
    display: flex;
}
.voice_detail2 .comment dt {
    /*border-bottom: 1px solid #000;*/
    padding-bottom: 3px;
    font-size: 16px;
    /*margin-bottom: 20px;*/
    width: 30%;
}

.voice_detail2 .comment dd {
    font-size: 16px;
    line-height: 180%;
    width: 70%;
}

.voice_detail2 .comment {
    padding-top: 20px;
    padding-bottom: 5px;
}

.staff_detail2.voice_detail2 .right .messagebox dl {
    padding: 18px;
}

.staff_detail2.voice_detail2 .right .messagebox dt {
    padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
.voice .more a:after{
    right: 7px;
}
}

@media only screen and (max-width: 599px) {
    .voice1 .pic{
        width: 100%;
    }
    
    .voice_list .gr442{
        width: 45%;
    }
    .voice_list .gr442 .pic{
        width: 100%;
    }
    .voice2.style2 .inner{
        padding-top: 40px
    }
    
.staff_detail2 .w50 .pic{
    width: 95%;
}
    .staff_detail2 .position{
        padding: 20px 0;
    }
    .staff_detail2 .messagebox{
        margin-top: 50px;
    }
    .staff_detail2 .right .messagebox dl{
        padding: 30px 20px 50px;
    }
    .staff_detail2 .right .messagebox dt{
        padding-bottom: 30px;
    }
}
.voice_detail2 .back_arrow {
    margin-bottom: 20px;
    margin-top: 70px;
}

.access2 .headingarea {
    padding: 50px 0;
}

.headingarea .heading1 {
    margin-bottom: 0;
}

.access3 {
    /* background: url(/import/tenant_1/153.126.173.59/html/images/03kodawari/bg.jpg) center center no-repeat;
    background-size: cover; */
    background: url(/upload/tenant_1/f49547c9614901d991cc0e31140213d7.jpg) center center;
    background-size: cover;
    
}

.access3 .txtbox {
    font-size: 16px;
}

.access3 .pic {
    margin-top: -100px;
}

.access3 .inner {
    padding: 60px 0;
}

.access4 .inner {
    padding: 80px 0;
}

.access4 .map:after {
    padding-top: 100%;
}
@media only screen and (max-width: 1024px) {
.access4 .access{
    margin-top: 0;
}
}
@media only screen and (max-width: 599px) {
.access4 .access li dt,.access4 .access li dd{
    width: 100%;
}
    .access4 .access li dd{
        font-size: 14px;
    }
    .access3 .txtbox{
        margin-top: 20px;
    }
}

/*media*/

.media2 .cate {
    padding: 0px 9px;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png); 
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    color: #fff;
}

.media2 .cate_day {
    padding: 10px 0;
}

.media2 .day {
    padding: 0px 9px;
    color: rgba(153, 153, 153, 255);
    display: block;
    width: 100%;
    padding-top: 5px;
}

.media2 .tit a {
    font-size: 16px;
}

.newsblog2 .right .media2 h3 {
    margin-bottom: 20px;
}

.newsblog2 .right .media2 li {
    border-bottom: 1px solid rgba(196, 196, 196, 255);
    padding-bottom: 15px;
}

.newsblog2 .right .media2 li a {
    font-size: 14px;
}

@media only screen and (max-width: 599px) {
.newsblog1 .pic{
    width: 100%;
    margin-bottom: 10px;
}
    .newsblog2 .left{
        width: 100%;
    }
    .newsblog2 .right{
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
    }
    .newsblog2 .left .pic{
        width: 100%;
    }
    .newsblog2 .kizilist p.day{
        padding: 10px 0;
    }
}

.media_detail2 .left .cate,
.media_detail2 .left .day {
    display: inline-block;
}

.media_detail2 .left .day {
    padding: 0 9px;
}

.media_detail2 .left .tit {
    padding-top: 26px;
    border-bottom: 1px solid #a99149;
    padding-bottom: 40px;
    margin-bottom: 40px;
    font-size: 22px;
}

.media_detail2 .back_arrow {
    padding-top: 50px;
}
@media only screen and (max-width: 599px) {
.media_detail2 .left .tit{
    font-size: 18px;
}
}


/*coupon*/
.coupon2 .coupon_box .com {
font-size: 10px;
    width: 100%;
    text-align: center;
    color: rgba(102, 102, 102, 255);
    margin: 0 auto;
    display: block;
    width: 220px;
    line-height: 180%;
    text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff;
}

.coupon2 .coupon_box .tit {
    text-align: center;
    font-size: 16px;
    line-height: 160%;
    display: block;
    padding: 10px 0 5px;
    color: #d6af49;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
    width: 300px;
    margin: 0 auto;
}

.coupon2 .coupon_box {
    background: url(/upload/tenant_1/1c917da9b506eaf4422c90c19726eb3d.jpg);
    background-size: 100% 100%;
    position: relative;
    padding: 20px 20px 20px;
}

.coupon2 .person {
    display: block;
    text-align: center;
    background: #c69d3a;
    width: 240px;
    margin: 0 auto;
    padding: 2px 10px;
    color: #fff;
}


.coupon2 .gr321{
    width: 46%;
}

.tokuten_box {
    /* background: url(/import/tenant_1/153.126.173.59/html/images/01top/about_bg.png) center center; */
    background: url(/upload/tenant_1/02d1aadf216f77ce5921a2de62b55616.jpg) center center;
    position: relative;
    
}
.tokuten_box .bg-mask1{
  padding: 15px;
}

.tokuten_box .inn {
    padding: 45px 25px;
    border: 1px solid #000;
}

.tokuten_box h3 {
    font-size: 16px;
    margin-bottom: 30px;
}

.tokuten_list li {
    padding-bottom: 10px;
    font-size: 16px;
}

.tokuten_list li:before {
    content: "・";
}

.tokutenpic {
    position: absolute;
    top: -10%;
    right: -5%;
    width: 400px;
}

@media only screen and (max-width: 1024px) {
  .coupon2 .gr321{
    width: 46%;
}
.tokutenpic{
    top: -14%;
    right: 0%;
    width: 40%;
}
    .coupon2 .coupon_box:before{
        background-size: 45px;
        width: 45px;
        height: 45px;
    }
        .tokuten_list li{
    padding-left: 13px;
    position: relative;
    }
    .tokuten_list li:before {
    content: "・";
    position: absolute;
    left: -1px;
}
}
@media only screen and (max-width: 599px) {
    .coupon2 .gr321{
    width: 96%;
}
.tokutenpic{
    top: auto;
    right: auto;
    position: relative;
    width: 300px;
    margin: 0 auto;
}
    .tokutenpic .pic{
        width: 100%;
    }
    .tokuten_box .inn{
        padding: 20px 10px;
    }
    .tokuten_list li{
        font-size: 14px;
    }

}

/*お問い合わせ*/
.contact2 .inner {
    padding: 84px 0 100px;
}

.contact2 .p {
    padding-bottom: 55px;
    letter-spacing: 1px;
}

.contact2 h3.center {
    margin-bottom: 80px;
}

.contact2 dl {
    padding-bottom: 55px;
}

.contact2 dt {
    padding-bottom: 20px;
    letter-spacing: 1px;
    font-weight: bold;
}

.contact2 dd {
    letter-spacing: 1px;
}

.contact_bnr {
    padding-bottom: 20px;
}

.contact_bnr30 {
    padding-bottom: 60px;
}

.contact_bnr ul {
    min-height: 180px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    background-image: url(/import/tenant_1/153.126.173.59/html/images/01top/kado1.png), url(/import/tenant_1/153.126.173.59/html/images/01top/kado3.png), url(/import/tenant_1/153.126.173.59/html/images/01top/kado2.png), url(/import/tenant_1/153.126.173.59/html/images/01top/kado4.png);
    background-position: 0 0, right 0, 0 bottom, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.contact_bnr li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

}
.contact_bnr a li.txt{
 color:#947e3d; 
}

.contact_bnr a {
    display: block;
    cursor: pointer;
}

.contact_bnr li.telnum {
    letter-spacing: 10px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media only screen and (max-width: 599px) {
.contact2 .inner{
    padding: 40px 0 60px;
}
    .contact2 h3.center{
        margin-bottom: 40px;
    }
    .contact2 .fs16{
        font-size: 14px;
    }
    .contact_bnr ul{
        -webkit-background-size: 40px;
        background-size: 40px;
    }
    .contact_bnr li{
        width: 100%;
        text-align: center;
        display: block;
    }
    .contact_bnr ul{
        display: block;
        min-height: auto;
        padding: 32px 0;
        
    }
    .contact_bnr li.telnum{
        font-size: 22px;
        letter-spacing: 2px;
    }
}

/*recruit リクルート*/
.recruit1 {
    position: relative;
}

.recruit1 .over_midashi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.recruit1 .heading1 {
    margin-bottom: 0;
    padding: 45px 0;
    background-color: rgba(255, 255, 255, 0.3);
}

.recruit1 .heading1 .min {
    letter-spacing: 3px;
    font-size: 16px;
}

.recruit1 .heading1 .en {
    line-height: 130%;
}

@media only screen and (max-width: 599px) {
.recruit1 .over_midashi{
    position: relative;
}
    .recruit1 .pic{
        width: 100%;
    }
    .recruit1 .heading1{
        padding: 15px 0;
    }

}

.recruit2 .bnr_kin a {
    padding: 6px 0
}

.recruit2 .bnr_list li {
    margin-bottom: 0;
}

.recruit12 .bnr_list {
    padding: 30px 0 80px;
}

.recruit2 .inner {
    padding: 80px;
}
@media only screen and (max-width: 1024px) {
.recruit2 .inner{
    padding: 20px 0
}
    .recruit2 .bnr_kin a{
       -webkit-background-size: 118%;
       background-size: 118%;
    }
}
@media only screen and (max-width: 599px) {
    .recruit2 .bnr_list li{
        width: 80%;
        margin-bottom: 20px;
    }
}

.recruit3 {
    /* background: url(/import/tenant_1/153.126.173.59/html/images/01top/about_bg.png) center center; */
    background: url(/upload/tenant_1/f49547c9614901d991cc0e31140213d7.jpg) center center;
    min-height: 130px
}
.recruit3 .bg-mask1{
  display: block;
   min-height: 130px
}

@media only screen and (max-width: 599px) {
.recruit3 {
  min-height: 80px  
}
.recruit3 .bg-mask1{
   min-height: 80px 
}
}

.recruit4 .heading2 {
    text-align: center;
}

.recruit4 .heading2 .en {
    max-width: 770px;
    letter-spacing: 7px;
}

.dl_listbox dt {
    width: 35%;
    font-size: 16px;
    line-height: 230%;
}

.dl_listbox dd {
    width: 65%;
    font-size: 16px;
    line-height: 230%;
}

.dl_listbox dl {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #bfbfbf solid;
}

.dl_listbox {
    padding: 50px 0 70px
}

.dl_box {
    padding: 30px 0 0;
}

.recruit4 .inner {
    padding-top: 80px;
}
@media only screen and (max-width: 1024px) {
.recruit4 .heading2 .en{
    font-size: 24px;
    letter-spacing: 3px;
    max-width: 540px;

}
    .dl_listbox dt{
        width: 20%;
        
    }
    .dl_listbox dd{
        width: 78%;
        font-size: 14px;
    }
}


@media only screen and (max-width: 599px) {
.recruit4 .heading2 .en{
    font-size: 18px;
    padding: 5px 0;
}
    .dl_listbox dt,.dl_listbox dd{
       width: 100%;
       line-height: 180%;
    }
    .dl_listbox dt{
        font-weight: bold;
    }
    .dl_listbox{
        padding: 20px 0 70px
    }
}

.recruit5 .heading2 {
    margin-bottom: 80px;
}

.recruit5 .left {
    margin: 0 auto 0px;
}

.recruit5 h4 {
    text-align: center;
    margin-top: 40px;
}

.recruit5 h4 .position {
    font-size: 25px;
    font-weight: normal;

}

.recruit5 h4 .namae {
    font-size: 32px;
    font-weight: normal;
    padding: 0 30px;
}

.recruit6 .inner {
    padding: 80px 0 33px;
    border-bottom: 1px #bfbfbf solid;
}

.recruit6 dl {
    padding-bottom: 37px;
}

.recruit6 dt .num {
    display: inline-block;
    padding: 17px 12px;
    font-size: 26px;
    color: #fff;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png); 
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    font-weight: bold;
}

.recruit6 dt .tit {
    display: block;
    font-size: 16px;
    padding: 20px 0 56px;
}

.recruit6 dd.txt {
    background: #FFF;
    background-size: 100% auto;
    padding: 30px 25px;
    color: #000;
    line-height: 200%;
    font-size: 18px;
    position: relative;
    border: 5px solid #a99149;
}

.recruit6 dd.txt:before {
    content: "";
    top: -30px;
    left: 30px;
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 26px 15px;
    border-color: transparent transparent #a99149 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #a99149 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
@media only screen and (max-width: 599px) {
.recruit6 .inner{
    padding: 40px 0 20px;
}
    .recruit6 dt .num{
        font-size: 20px;
        padding: 14px 11px;
    }
    .recruit6 dd.txt {
    padding: 20px 15px;
    font-size: 14px;
}
    .recruit6 dt .tit{
       padding-bottom: 35px;
    }
}

.recruit7 .time {
    width: 35%;
    text-align: center;
    position: relative
}

.recruit7 .time:before {
    content: "";
    width: 7px;
    height: 100%;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png); 
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    left: 50%;
    top: 0;
    position: absolute;
    z-index: -1;
}

.recruit7 .tbox {
    width: 65%;
}

.recruit7 .txt {
    width: 60%;
}

.recruit7 .tbox {
    /* background: url(/import/tenant_1/153.126.173.59/html/images/01top/about_bg.png) center center; */
    background: url('/upload/tenant_1/02d1aadf216f77ce5921a2de62b55616.jpg') center center;
   /*  padding: 8px 8px 8px 30px; */
    background-size: 100%;
    position: relative;
    margin: 15px 0;
}
.recruit7 .tbox .bg-mask1{
  padding: 8px 8px 8px 30px;
}

.recruit7 .tbox:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 26px 15px 0;
    border-color: transparent #efeff0 transparent transparent;
    line-height: 0px;
    _border-color: #000000 #dedede #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    content: "";
    left: -26px;
    top: 20px;
    position: absolute;

}

.recruit7 .txt dt {
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
}
.recruit7 .wrap .time span {
    background: #fff;
    display: inline-block !important;
}

.recruit7 .wrap .time .w {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
}

.recruit7 .wrap .time .mds {
    padding-bottom: 20px;
    font-size: 18px;
}

.recruit7 .pic {
    width: 35%;
}


@media only screen and (max-width: 1024px) {
    .recruit5 .heading2 .en,.recruit8 .heading2 .en {
        font-size: 24px;
    }
.recruit7 .txt dd{
    padding-bottom: 30px;
}
}
@media only screen and (max-width: 599px) {
.recruit7 .time{
    width: 100%;
}
    .recruit7 .tbox{
        width: 94%;
        margin-right: auto;
        margin-left: auto;
    }
    .recruit7 .tbox:before{
        display: none;
    }
    .recruit7 .wrap .time .mds{
        margin-bottom: 25px;
    }
    .recruit7 .pic{
        width: 100%;
    }
    .recruit7 .txt{
        width: 100%;
    }
    .recruit7 .tbox{
        /* padding: 10px 15px;
        padding-bottom: 30px; */
    }
    .recruit7 .tbox .bg-mask1{
      padding: 10px 15px;
        padding-bottom: 30px;
    }
    .recruit7 .txt dd{
        font-size: 14px;
    }
  
}

.recruit8 .box {
    padding: 30px 25px;
    background-image: url(/upload/tenant_1/02d1aadf216f77ce5921a2de62b55616.jpg);
    background-color:rgba(255,255,255,0.5);
background-blend-mode:lighten;
}

.recruit8 .num {
    display: inline-block;
    width: 7%;

}

.recruit8 .tt {
    width: 90%;
}

.recruit8 h4 {
    margin-top: 10px
}

.recruit8 .tbox {
    padding: 20px;
    min-height: 210px;
    background: #fbfbfa;
}

.recruit8 li {
    padding-bottom: 60px;
}




@media only screen and (max-width: 1024px) {
.recruit8 .tt{
    padding-bottom: 10px;
}
}
@media only screen and (max-width: 599px) {
.wakuhen li {
    width: 50%;
    padding: 50px 5px 45px;
}



.kodawari02box .heading1 {
    margin: 0 auto -30px;
    padding: 50px 0 0px;
}

.wakuhen li .pic {
    max-width: 100%;
    width: 95%;
    margin: 0 auto 35px!important;
}
  
.recruit8 .heading2 .en{
    font-size: 22px;
}
    .recruit8 .box{
        padding: 10px 15px;
    }
    .recruit8 .box .pic{
        width: 100%;
    }
    .recruit8 li{
        padding-bottom: 30px;
    }
}

.wakuhen .kin-mask1.trimming150:before {
    background: url(/import/tenant_2/eden0301.com/akamon_eden_trans/static/page/eden/images/Fotolia_32615726_Subscription_Monthly_XL.png) top center no-repeat;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 101%;
    z-index: 1;
    left: 0;
    background-size: 100% 100%;
}

.flash1{
  animation: Flash1 1s infinite;
}

/* アニメーション */
@keyframes Flash1{
  50%{
    opacity: 0;
  }
}

.pagetop{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 75px;
}
.pagetop a{
display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #dab579;
    border-radius: 50%;
    line-height: 50px;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
    line-height: 50px;
}


@media only screen and (min-width: 599px) {
.pcnone{
  display: none
}
}


.access3 .expand::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #e4e2e4);
    pointer-events: none;
    transition: 1s;
}

.access3 .contenedor label {
    position: absolute;
    bottom: -.8em;
    display: block;
    font-size: .9em;
    padding: .20em 10px;
    right: 0;
    background: #aaa;
    box-shadow: -5px 0 #e3e3e4;
    color: white;
    z-index: 9;
    cursor: pointer;
    text-transform: uppercase;
}

.access3 .expand {
    max-width: 900px;
    padding: 15px 10px 40px;
    max-height: 140px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #aaa;
    transition: .5s;
    font-size: 16px;
    line-height: 200%;
}

video {
    object-fit: fill;
    width: 75%;
}
.topcss .kasou-kyotsu{
  display:none;
}

.cpntwo{
  display:flex;
}
.cpntwop {
    padding: 0 0 0 40px;
    font-size: 12px;
    font-weight: bold
}

@media only screen and (max-width: 599px) {
.spspace {
    margin: 0 0 60px 0;
}
  .cpntwo{
  display:block;
}

.cpntwop {
    padding: 20px 0px 0;
}

.datsutwo{
  display: flex
}

.datsutwo span{
margin: 0 0px 0 20px
}

.footfix .contactbtn a:before {
    display: inline-block;
    padding: 0 10px;
}
.footfix .contactbtn {
    width: 44%;
}

.footfix .contactbtn a {
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    background-size: 100% auto;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 12px 10px 7px 0;
    line-height: 12px;
}

}

.kizibox.blognewsh h3 {
 margin: 30px 0px 10px;
 font-size: 25px;
}

.kizibox.blognewsh h2 {
  font-size: 30px;
  margin-top: 30px;
  font-weight: 600;
}

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

.kizibox.blognewsh h3 {
 font-size: 18px !important;
}

.kizibox.blognewsh h2 {
  font-size: 20px !important;
}
}

.kizibox.blognewsh div {
  font-size: 16px !important;
}

/* 1207 slide */
.subimg {
    position: relative;
    overflow: hidden;
}

.subimg img {
    width: 100%;
}

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

.subimg .uk-slidenav-position:after {
    padding-top: 33%;
    content: '';
    display: block;
}

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

.subimg .uk-slidenav-position:after {
    padding-top: 150%;
    content: '';
    display: block;
}


.kin-mask1.subimg:before{
    background: url('/upload/tenant_1/5c5d8222fa241c556556d6ad1ae3ea51.png') top center no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 103%;
    z-index: 1;
    left: 0;
}
.subimg .uk-slideshow{
  margin: 0;
}

.subimg .uk-slideshow li{
  width: 100%;
}

.up-ofi{
  position: relative;
display: block;
width: 100%;
}
.up-ofi:after{
  content: “”;
display: block;
}
.up-ofi img{
top: 0;
left: 0;
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: cover;
  font-family: "object-fit: contain; object-position: center center;";
  -o-object-position: contain;
     object-position: contain;
}

.figure_list01 figure,.figure_list01 a{
  height: 100%
}

.kizibox.blognewsh div{
  font-size: 18px !important;
}


@media only screen and (max-width: 599px) {
.mb38 {
    margin-bottom: 38px !important;
}}


/* 20201215 */
.recruit1 .over_midashi{
  position: relative;
}
.w45s{
  width: 100%;
}
.w45ss{
  width: 65%;
  margin: 0 auto;
}

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

/*2021/01/06*/
.pro000 ul {
  width: 30%;
  margin: auto;
}
.pro000 ul li {
  padding-bottom: 10px;
  border-bottom: solid 1px #bbb;
  margin-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .pro000 ul {
    width: 50%;
}
}
.blognewsh02 h3{
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
    border-left: solid 5px #777777;
} 

.bloghonbun h2{
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.bloghonbun h2:before, .bloghonbun h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.bloghonbun h2:before {
  left:0;
}
.bloghonbun h2:after {
  right: 0;
}


.mvinner {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    /* padding: 50px 0; */
    max-width: 1000px;
}

.mvinner iframe{width:100%;height: 560px;}

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

.mvinner iframe{width:100%;    height: 435px;}


.mvinner {
    max-width: 768px;
}
}



@media only screen and (max-width: 599px) {
.mvinner iframe{height: 250px;}

.mvinner {
    max-width: 450px;
}
}

/*2021/03/08*/
.indoor {
  text-align: center;
}
#gnav li.yoyaku a {
  padding: 20px 25px !important;
}

#gnav li.yoyaku a {
    display: block;
    background: url(/upload/tenant_1/edbcf80b47d9e48f0c8abe0eb153ec86.png);
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    color: #fff;
    background-size: 100% auto;
    padding: 20px;
    font-size: 14px;
    position: relative;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    border: 1px solid #a99149;
    margin: 0 20px 10px 0;
}

#gnav li.sp_non {
  display: block;
}

@media only screen and (max-width: 1024px) {
  #gnav li.sp_non {
  display: none !important;
}
}


@media only screen and (min-width: 1024px){
  #gnav li.yoyaku a {
    display: block;
    background-color: rgba(255,255,255,0.2);
    background-blend-mode: lighten;
    color: #fff;
    background-size: 100% auto;
    padding: 20px;
    font-size: 16px;
    position: relative;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    border: 1px solid #a99149;
    margin: 0 20px 10px 0;
    font-weight: bold;
    top: -10px;
}

#gnav li.yoyaku a {
    padding: 6px 25px 6px 25px !important;
}
}

.w45.mediapa {
    padding: 10px;
}

li.mediapa {
    padding: 10px;
}

.inner01 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
}

h2.center.heading2.mb40 {
    margin-bottom: 40px;
}

@media only screen and (max-width: 599px){
 .w45.mediapa {
    padding: 0px;
    width: 80%;
}
.home-m3m ul {
    position: relative;
    margin: 0px auto;
}
}



.media1 h3{
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
    border-left: solid 5px #777777;
} 

.media1 h2{
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.media1 h2:before, .media1 h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.mediahonbun h2:before {
  left:0;
}
.mediahonbun h2:after {
  right: 0;
}

.more_btn-outer {
  margin: 20px auto 100px !important;
}

.more_btn-outer .more {
  margin: 20px auto 0 auto !important;
}

.txt.center.mb30 {
    margin: -20px 0 50px;
}

.pcm {
  margin-bottom: 5px;
}


.img-sp {
    display: none;
}

@media screen and (max-width:599px) {
    .img-pc {
        display: none;
    }

    .img-sp {
        display: block;
    }
}

.merit_title {
  display: inline-block;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 1em;
}