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

@font-face {
    font-family: 'CenturyGothic';
    /* お好きな名前に */
    src: url(/import/tenant_1/153.126.150.37/html/font/CenturyGothicBold_pMgo.eot);
    /* IE9以上用 */
    src: url(/import/tenant_1/153.126.150.37/html/font/CenturyGothicBold_pMgo.eot) format('embedded-opentype'), /* IE8以前用 */
    url(/import/tenant_1/153.126.150.37/html/font/CenturyGothicBold_pMgo.woff) format('woff'), /* モダンブラウザ用 */
    url(/import/tenant_1/153.126.150.37/html/font/CenturyGothicBold_pMgo.ttf) format('truetype');
    /* iOS, Android用 */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Candal';
    /* お好きな名前に */
    src: url(/import/tenant_1/153.126.150.37/html/font/Candal.eot);
    /* IE9以上用 */
    src: url(/import/tenant_1/153.126.150.37/html/font/Candal.eot) format('embedded-opentype'), /* IE8以前用 */
    url(/import/tenant_1/153.126.150.37/html/font/Candal.woff) format('woff'), /* モダンブラウザ用 */
    url(/import/tenant_1/153.126.150.37/html/font/Candal.ttf) format('truetype');
    /* iOS, Android用 */
    font-weight: normal;
    font-style: normal;
}

.centuryAll * {
    font-family: 'CenturyGothic', sans-serif;
}

.candalAll * {
    font-family: 'Candal', sans-serif;
}

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

.century {
    font-family: 'CenturyGothic', sans-serif;
}

.candal {
    font-family: 'Candal', sans-serif;
}

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


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
button,
p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", 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;
    line-height: 160%;
    color: #000;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

/*フォント系*/

h2 {
    font-size: 40px;
}

h3 {
    font-size: 34px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 18px;
}

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

.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: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

iframe {
    max-width: 100%;
}

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

.lb-outerContainer {
    width: 80% !important;
    max-width: 450px !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;
}

.pix {
    text-align: center;
}

.pic img {
    width: 100%;
}

.tac {
    text-align: center;
}

.tac599 {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.txt {
    line-height: 200%;
}

.lh160 {
    line-height: 160%;
}

.lh200 {
    line-height: 200%;
}

.uk-lb img {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.uk-lb img:hover {
    cursor: pointer;
    opacity: 0.6;
}

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

.filb:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

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

.fila:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.filb.filb01:before,
.fila.filb01:after {
    content: "";
    background: rgba(0, 0, 0, 0.1);
}

.filb.filb02:before,
.fila.filb02:after {
    content: "";
    background: rgba(0, 0, 0, 0.2);
}

.filb.filb03:before,
.fila.filb03:after {
    content: "";
    background: rgba(0, 0, 0, 0.3);
}

.filb.filb04:before,
.fila.filb04:after {
    content: "";
    background: rgba(0, 0, 0, 0.4);
}

.filb.filb05:before,
.fila.filb05:after {
    content: "";
    background: rgba(0, 0, 0, 0.5);
}

.filb.filb06:before,
.fila.filb06:after {
    content: "";
    background: rgba(0, 0, 0, 0.6);
}

.filb.filb07:before,
.fila.filb07:after {
    content: "";
    background: rgba(0, 0, 0, 0.7);
}

.filb.filb08:before,
.fila.filb08:after {
    content: "";
    background: rgba(0, 0, 0, 0.8);
}

.filb.filb09:before,
.fila.filb09:after {
    content: "";
    background: rgba(0, 0, 0, 0.9);
}

.filb.filw01:before,
.fila.filw01:after {
    content: "";
    background: rgba(255, 255, 255, 0.1);
}

.filb.filw02:before,
.fila.filw02:after {
    content: "";
    background: rgba(255, 255, 255, 0.2);
}

.filb.filw03:before,
.fila.filw03:after {
    content: "";
    background: rgba(255, 255, 255, 0.3);
}

.filb.filw04:before,
.fila.filw04:after {
    content: "";
    background: rgba(255, 255, 255, 0.4);
}

.filb.filw05:before,
.fila.filw05:after {
    content: "";
    background: rgba(255, 255, 255, 0.5);
}

.filb.filw06:before,
.fila.filw06:after {
    content: "";
    background: rgba(255, 255, 255, 0.6);
}

.filb.filw07:before,
.fila.filw07:after {
    content: "";
    background: rgba(255, 255, 255, 0.7);
}

.filb.filw08:before,
.fila.filw08:after {
    content: "";
    background: rgba(255, 255, 255, 0.8);
}

.filb.filw09:before,
.fila.filw09:after {
    content: "";
    background: rgba(255, 255, 255, 0.9);
}

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

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

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

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

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

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

a {
    text-decoration: none;
    color: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

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

h1 {
    position: absolute;
    bottom: 200%;
}

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

/*アラート系*/

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

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

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    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*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    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: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[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: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

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

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

/*altlist*/

.altlist01 .alt01 {
    display: none;
}

/*totop*/

#totop {
    text-align: center;
}

#totop a {
    display: block;
    padding: 15px 0;
    text-align: center;
}

#totop a:hover:before {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

#totop a:before {
    content: "\f106";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

@media only screen and (max-width:1024px) {
    #totop a {
        padding: 12.5px;
    }
}

@media only screen and (max-width:599px) {
    #totop a {
        padding: 10px 0;
    }
}

/*トランスフォーム親*/

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

/*トリミング*/

.trimming {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming40 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming50 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming60 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming70 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.trimming75 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.trimming80 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming90 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming110 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming120 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming130 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming140 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming150 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming160 {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimmingInner {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

/*フレックス*/

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

.flexsb {
    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;
}

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

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

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

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

.flex > div[data-recommend-collection-list-content],
.flexc > div[data-recommend-collection-list-content],
.flexb > div[data-recommend-collection-list-content],
.flexsb > div[data-recommend-collection-list-content],
.flexs > div[data-recommend-collection-list-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;
}

.flexsb > 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;
}

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

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

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

.flexb > div[data-collection-archive-content] {
    width: 100%;
    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-archive-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex > div[data-collection-filtered-content] {
    width: 100%;
    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-filtered-content] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

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

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

.spa {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.spb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


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

@media only screen and (max-width:1024px) {
    .flexn1024 {
        -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:599px) {
    .flexn599 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/*header*/

#header.fix {
    position: fixed;
    z-index: 200;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    -webkit-box-shadow: 0px 1px 0px 0px #eee;
    box-shadow: 0px 1px 0px 0px #eee;
}

.headerinner {
    padding: 10px 0;
}

.hlogo {
    max-width: 300px;
}

.hlogo a {
    display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.hlogo span{
  display: inline-block;
  padding-left: 0.5em;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
      font-size: 22px;
          font-weight: 500;
}
.headl {
    width: 30%;
}

.headr {
    width: 69%;
}
[data-element-id] .headl{
  width: 100%;
}
[data-element-id] .headr{
  width: 100%;
}
@media only screen and (max-width:1024px) {
    .headr {
        width: 100%;
    }
    .headl {
        width: 100%;
        padding-right: 40px;
    }
    .hlogo{
      max-width: 280px;
    }
    .hlogo span{
      font-size: 20px;
    }
}
@media only screen and (max-width:599px) {
  .hlogo{
      max-width: 250px;
    }
  .hlogo span{
      font-size: 18px;
      padding-left: 0;
    }
}
/*gnav*/

#gnav p span.n {
    display: none;
}

#gnav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 200;
    width: 100%;
}


#gnav li {
    width: 16.666%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 0;
}
[data-element-id] #gnav li.pcnone {
    display: block;
}
#gnav li.pcnone {
    display: none;
}

#gnav > li > a {
    width: 100%;
    display: block;
    padding: 20px 10px;
    position: relative;
}
.fix #gnav > li > a{
  padding: 10px;
}
#gnav > li > a:hover:after {
    visibility: visible;
    opacity: 1;
}

#gnav > li > a:after {
    position: absolute;
    bottom: 20%;
    height: 2px;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    background: #ffff00;
    visibility: hidden;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    opacity: 0;
}

#gnav li:first-of-type a:before {
    display: none;
}

#gnav > li > a:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    height: 1em;
    width: 1px;
    background: #000;
}

#gnav.fix {
    position: fixed;
    z-index: 200;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
}

.fix .accordion-toggle {
    opacity: 0.8;
}
/*mega*/
[data-element-id] #gnav li.sub{
  width: 100%;
}
[data-element-id] #gnav li.sub .submenu{
      visibility: visible;
    height: auto;
    opacity: 1;
}
[data-element-id] #gnav li.sub .submenuinn{
  position: static;
}
#gnav li.sub a span{
  display: block;
  position: relative;
}
#gnav li.sub a span:after{
     display: block;
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 100%;
    color: #0026a5;
    width: 100%;
}
#gnav li.sub:hover .submenu {
    visibility: visible;
    height: auto;
    opacity: 1;
}
#gnav li.sub .submenu{
      position: relative;
    width: 100%;
    visibility: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
    z-index: 100;
}
#gnav li.sub:hover .submenu {
    visibility: visible;
    height: auto;
    opacity: 1;
}
#gnav li.sub .submenuinn {
    position: fixed;
    width: 100%;
    left: 0;
    background: #0026a5;
      padding: 20px 0;
}
#gnav li.sub .submenu * {
  color: #fff;
}
#gnav li.sub .submenu li dd{
  margin: 10px 0;
}
#gnav li.sub .submenu li a{
  display: block;
}
#gnav li.sub .submenu li dd.toD a{
      width: 200px;
      display: inline-block;
}
#gnav li.sub .submenu .trimmingInner{
  padding-top: 52% !important;
}
#gnav li.sub .submenu .tel{
  display: block;
}
#gnav li.sub li.w48{
  width: 48%;
}
/*ハンバーガー*/

@media only screen and (max-width: 1024px) {
  #gnav li.sub{
    display: none !important;
  }
    .fix #gnav{
      position: relative;
    }
    #gnav .gnavinn {
        position: fixed;
        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;
        padding: 0;
        border: none;
        padding-bottom: 0;
        background: rgba(255, 255, 255, 0.9);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        z-index: -10;

    }
    #gnav li:first-of-type {
        margin-left: 0;
    }
    #gnav li:nth-of-type(-n + 4) {
        width: 100%;
    }
    #gnav ul li {
        display: block !important;
        width: 50% !important;
        text-align: center;
        position: static;
    }
    #gnav p {
        display: block !important;
        position: fixed;
        width: 38px;
        height: 38px;
        top: 6px;
        right: 10px;
        cursor: pointer;
        opacity: 0.8;
        margin: 2px;
        z-index: 251;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
    [data-element-id] #gnav p{
      right: 80px;
    }
    #gnav li {
        float: none;
        width: auto;
        padding: 0;
        margin-top: 0;
        display: block !important;
    }

    #gnav.action .gnavinn {
        height: 100vh;
        opacity: 1;
        z-index: 250;
    }
    #gnav p span.n {
        display: block;
        background: #323232;
        height: 2px;
        width: 26px;
        text-indent: 9999px;
        padding: 0;
        top: 50%;
        left: 6px;
        margin-top: -1px;
        position: absolute;
    }

    #gnav p span.n:before {
        display: block;
        content: "";
        background: #323232;
        height: 2px;
        width: 26px;
        position: absolute;
        top: -8px;
        left: 0;
    }

    #gnav p span.n:after {
        display: block;
        content: "";
        background: #323232;
        height: 2px;
        width: 26px;
        position: absolute;
        top: 8px;
        left: 0;
    }
    #gnav.action p span.n {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: ease .10s;
        transition: ease .10s;
    }
    #gnav.action p span.n:after,
    #gnav.action p span.n:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 0;
        left: 0;
    }
    #gnav .gnavinn > ul {
        width: 100%;
        padding: 60px 3% 60px;
        position: relative;
    }
    #gnav li.gcont {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    #gnav li.gcont a {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    #gnav li.gcont span {
        margin-bottom: 0;
        margin-right: 1em;
        margin-left: 0;
    }
    .fix #gnav li.gcont span {
        margin: 0 1em 0;
        max-width: inherit;
    }
    #gnav .gnavinn > ul.flexs {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    #gnav .gnavinn > ul a {
        height: auto;
        display: block;
        text-align: left;
        padding: 10px 10px 10px 20px;
        border: none !important;
    }
    #gnav.fix {
        padding: 0;
    }
    .overlay {
        height: 100%;
        overflow: hidden;
    }
    .overlay:after {
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0.3;
        z-index: 100;
    }
    /*#gnav ul li+li{
		padding-left:15px;
	}*/
    #gnav li a:before {
        display: none;
    }
}

@media only screen and (max-width:599px) {
    #gnav .gnavinn > ul a {
        font-size: 12px;
    }
    #gnav .gnavinn > ul {
        width: 100%;
        padding: 60px 3% 33%;
        position: relative;
    }
}

@media only screen and (max-width: 1024px) {
    .bkimg1024 {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .bkimg1024 img {
        min-width: auto !important;
    }
    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 28px;
    }

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

@media only screen and (max-width: 599px) {
    .bkimg599 {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .bkimg599 img {
        min-width: auto !important;
    }
    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    .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;
    }
    .tac599 {
        text-align: left;
    }
}

/*スライドショー*/

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

.homeSlide .tbox {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
[data-element-id] .homeSlide .tbox{
  transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.homeSlide .tbox * {
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}

.homeSlide .tbox dt {
    max-width: 230px;
    margin: 0 0 30px auto;
}

.homeSlide .tbox dd {
    font-size: 16px;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", serif;
    display: inline-block;
}
.homeSlide .tbox dd{
  display: none;
}
.homeSlide .uk-slidenav-position {
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.homeSlide .uk-slidenav-position:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: url(/import/tenant_1/153.126.150.37/html/images/hcbw.png) bottom center /100% 100% no-repeat;
    content: "";
    z-index: 1;
}
[data-element-id] .homeSlide .uk-slidenav-position:before{
  display: none;
}
.homeSlide .uk-slidenav-position:after {
    padding-top: 45%;
    content: '';
    display: block;
}

.homeSlide .pic {
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.homeSlide .pic:after {
    padding-top: 45%;
    content: '';
    display: block;
}

.homeSlide .pic:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background: url(/import/tenant_1/153.126.150.37/html/images/hcbw.png) bottom center /100% 100% no-repeat;
    content: "";
    z-index: 1;
}

.homeSlide .pic img {
    position: absolute;
    left: 0;
    top: 0;
}

.homeSlide .uk-slideshow {
    position: absolute;
    top: 0;
}
[data-element-id] .homeSlide .uk-slideshow{
  position: absolute !important;
}
@media only screen and (max-width:1024px) {
    .homeSlide .tbox dt {
        max-width: 150px;
        margin: 0 0 20px auto;
    }
    .homeSlide .tbox dd {
        font-size: 14px;
    }
    .homeSlide .uk-slidenav-position:before {
        height: 55px;
    }
    .homeSlide .pic:before {
        height: 55px;
    }
}

@media only screen and (max-width:599px) {
    .homeSlide .tbox dt {
        max-width: 100px;
        margin: 0 0 10px auto;
    }
    .homeSlide .tbox dd {
        font-size: 12px;
    }
    .homeSlide .uk-slidenav-position:before {
        height: 30px;
    }
    .homeSlide .pic:before {
        height: 30px;
    }
}

/*fead*/
[data-element-id] .fead-mv {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translateY(0);
    -webkit-transform: translate(0, 0);
}
.fead-mv {
    opacity: 0;
    -ms-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    -webkit-transition: .8s;
    transition: .8s;
}
.fead-mv.n{
  opacity: 1;
  -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
     -webkit-transition: none;
            -o-transition: none;
            transition: none;
}
.mv {
    opacity: 1;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
/*map*/

.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: inherit;
    width: 100%;
    height: 100%;
}
.home-map {
    position: relative;
    overflow: hidden;
    min-height: 500px;
}

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

#sp-google-map-1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#sp-google-map-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.gm-style .gm-svpc img {
    height: 35px !important;
    max-width: inherit !important;
}
@media only screen and (max-width:1024px) {
    .map:after {
        padding-top: 45%;
    }
}

@media only screen and (max-width:599px) {
    .map:after {
        padding-top: 50%;
    }
}

/*wrap*/

#wrapper {
    overflow: hidden;
    min-width: 320px;
    margin: 0 auto;
}

/*common*/

.odd > *:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

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

.z1 {
    position: relative;
    z-index: 1;
}

.z2 {
    position: relative;
    z-index: 2;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.row2 {
    width: 48%;
    margin: 1%;
}

.row3 {
    width: 31.333%;
    margin: 1%;
}

.row4 {
    width: 23%;
    margin: 1%;
}

.row5 {
    width: 18%;
    margin: 1%;
}

.w100 {
    width: 100%;
    display: block;
}

.w20 {
    width: 20%;
    margin: 1% 0;
}

.w25 {
    width: 25%;
    margin: 1% 0;
}

.w26 {
    width: 26%;
    margin: 1% 0;
}

.w30 {
    width: 30%;
    margin: 1% 0;
}

.w36 {
    width: 56%;
    margin: 1% 0;
}

.w40 {
    width: 40%;
    margin: 1% 0;
}

.w46 {
    width: 46%;
    margin: 1% 0;
}

.w48 {
    width: 48%;
    margin: 1% 0;
}

.w50 {
    width: 50%;
    margin: 1% 0;
}

.w56 {
    width: 56%;
    margin: 1% 0;
}

.w60 {
    width: 60%;
    margin: 1% 0;
}

.w66 {
    width: 66%;
    margin: 1% 0;
}

.w70 {
    width: 70%;
    margin: 1% 0;
}

.w76 {
    width: 76%;
    margin: 1% 0;
}

.w80 {
    width: 80%;
    margin: 1% 0;
}

.w86 {
    width: 86%;
    margin: 1% 0;
}

.w80r {
    width: 76%;
    margin: 1% 4% 1% 0;
}

.w80l {
    width: 76%;
    margin: 1% 0 1% 4%;
}

.w70r {
    width: 66%;
    margin: 1% 4% 1% 0;
}

.w70l {
    width: 66%;
    margin: 1% 0 1% 4%;
}

.w60r {
    width: 56%;
    margin: 1% 4% 1% 0;
}

.w60l {
    width: 56%;
    margin: 1% 0 1% 4%;
}

.m600 {
    max-width: 600px;
    margin: auto;
}

.m700 {
    max-width: 700px;
    margin: auto;
}

.m800 {
    max-width: 800px;
    margin: auto;
}

.m900 {
    max-width: 900px;
    margin: auto;
}

.m960 {
    max-width: 960px;
    margin: auto;
}

.m1000 {
    max-width: 1020px;
    margin: auto;
    width: 98%;
}

.m1200 {
    max-width: 1250px;
    width: 96%;
    margin: auto;
}
.mb20{
  margin-bottom: 20px;
}
.harea {
    padding: 80px 0;
}

.area {
    padding: 80px 0;
}

.area60 {
    padding: 60px 0;
}

.area40 {
    padding: 40px 0;
}

.area20 {
    padding: 20px 0;
}

.pd4 {
    padding: 4%;
}

.pd04 {
    padding: 0 4%;
}

.pd2 {
    padding: 2%;
}

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

.mainImg .tbox {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 2px 2px 15px #fff, -2px 2px 15px #fff, 2px -2px 15px #fff, -2px -2px 15px #fff;
    width: 90%;
    z-index: 2;
}

.mainImg .tbox * {
    color: #fff;
    text-shadow: 1px 1px 1px #333, 1px 1px 1px #333;
    text-align: center;
}

.mainImg .tbox h2 {
    margin-bottom: 0.2em;
}

.mainImg .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 600px;
}

.mainImg .pic img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.mainImg .pic:before {
    content: "";
    display: block;
    padding-top: 30%;
    background: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width:1024px) {
    .m600 {
        width: 96%;
    }

    .m700 {
        width: 96%;
    }

    .m800 {
        width: 96%;
    }
    .m900 {
        width: 96%;
    }
    .m960 {
        width: 96%;
    }
    .m1000 {
        width: 96%;
    }
    .harea {
        padding: 60px 0;
    }
    .area {
        padding: 60px 0;
    }
    .area60 {
        padding: 50px 0;
    }
    .area40 {
        padding: 30px 0;
    }
    .row4 {
        width: 31.333%;
    }
    .row5 {
        width: 23%;
    }
    .mainImg .tbox {
        top: 40%;
    }
}

@media only screen and (max-width:599px) {
    .w20 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w20 {
        max-width: 400px;
    }
    .w26 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w26 {
        max-width: 400px;
    }

    .w30 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w30 {
        max-width: 400px;
    }
    .w36 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w36 {
        max-width: 400px;
    }
    .w40 {
        width: 100%;
        margin: 2% auto;
    }
    .pic.w40 {
        max-width: 400px;
    }
    .w46 {
        width: 100%;
        margin: 2% auto;
    }

    .w48 {
        width: 100%;
        margin: 2% auto;
    }
    .w50 {
        width: 100%;
        margin: 2% auto;
    }
    .w56 {
        width: 100%;
        margin: 2% auto;
    }
    .w60 {
        width: 100%;
        margin: 2% auto;
    }
    .w66 {
        width: 100%;
        margin: 2% auto;
    }
    .w70 {
        width: 100%;
        margin: 2% auto;
    }
    .w76 {
        width: 100%;
        margin: 2% auto;
    }
    .w80 {
        width: 100%;
        margin: 2% auto;
    }
    .w86 {
        width: 100%;
        margin: 2% auto;
    }
    .w60r {
        width: 100%;
        margin: 2% auto;
    }

    .w60l {
        width: 100%;
        margin: 2% auto;
    }
    .w70r {
        width: 100%;
        margin: 2% auto;
    }

    .w70l {
        width: 100%;
        margin: 2% auto;
    }

    .w80r {
        width: 100%;
        margin: 2% auto;
    }
    .w80l {
        width: 100%;
        margin: 2% auto;
    }
    .m600 {
        width: 94%;
    }

    .m700 {
        width: 94%;
    }

    .m800 {
        width: 94%;
    }
    .m900 {
        width: 94%;
    }
    .m960 {
        width: 94%;
    }
    .m1000 {
        width: 94%;
    }
    .m1200 {
        width: 94%;
    }
    .harea {
        padding: 40px 0;
    }
    .area {
        padding: 40px 0;
    }
    .area60 {
        padding: 40px 0;
    }
    .area40 {
        padding: 20px 0;
    }
    .row2 {
        width: 98%;
    }
    .row3 {
        width: 48%;
    }
    .row4 {
        width: 48%;
    }
    .row5 {
        width: 31.333%;
    }
    .mainImg .tbox h2 {
        font-size: 22px;
    }
}

/*footer*/

.fcombnr {
    background: #0026a5;
    padding: 30px 0;
}
.fcombnr li.y{
  background: #ffff00;
}
.fcombnr li {
    width: 340px;
    background: #fff;
    border-radius: 30px;
    max-width: 48%;
    margin: 1%;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.fcombnr li a {
    padding: 20px;
    display: block;
    font-weight: 700;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 16px;
    opacity: 1;
}

.fcombnr li:hover {
    background: #ffff00;
}

.fcombnr li a span:before {
    position: absolute;
    left: 0;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f105";
}

.fcombnr li a span {
    position: relative;
    display: inline-block;
    padding-left: 1em;
}

.fnav {
    background: #ccc;
    padding: 30px 0;
}

/*
.fnav .col2 {
    width: 27%;
}

.fnav .col3 {
    width: 40%;
}
*/

.fnav dl {
    margin: 1%;
    width: 31.333%;
}

.fnav .col2 ul {
    margin: 0 1%;
    width: 48%;
}

.fnav .col3 ul {
    margin: 0 1%;
    width: 48%;
}

.fnav dt {
    font-weight: 700;
    font-size: 15px;
    padding-left: 0.5em;
    border-left: 2px solid #0026a5;
    margin-bottom: 0.5em;
    font-size: 15px;
}

.fnav li a {
    position: relative;
    padding: 2px 0 2px 0.8em;
    display: block;
    font-size: 13px;
}

.fnav li a:before {
    position: absolute;
    content: "\f105";
    font-family: FontAwesome;
    left: 0;
}

.copy {
    text-align: center;
    background: #0026a5;
    padding: 5px 0;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}

.copy br {
    display: none;
}

.topbnrfix.active{
                    opacity:0.6;
}
.topbnrfix:hover{
  -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
[data-element-id] .topbnrfix{
  position: static;
  -webkit-transform: none;
        -ms-transform: none;
            transform: none;
            opacity:1 !important;
}
.topbnrfix{
        width: 200px;
    background: #fff901;
    border-radius: 30px 0 0 30px;
    max-width: 48%;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 100;
    -webkit-transform: translate(150px,0);
                -ms-transform: translate(150px,0);
                    transform: translate(150px,0);
}

.topbnrfix a {
    padding: 20px;
    display: block;
    font-weight: 700;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 16px;
}
.topbnrfix a span:before {
    position: absolute;
    left: 0;
    top: 46%;
    -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
    font-family: FontAwesome;
    content: "\f105";
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.topbnrfix a span {
    position: relative;
    display: inline-block;
    padding-left: 1em;
}
@media only screen and (max-width:1024px) {
    .fcombnr li a {
        padding: 15px;
    }
    .fcombnr li {
        width: 280px;
    }
    .fnav .col2 ul {
        width: 48%;
    }
    .fnav dl {
        width: 48%;
    }
    /*
    .fnav .col2 {
        width: 48%;
    }
    .fnav .col3 {
        width: 100%;
    }
*/
.topbnrfix{
        width: 180px;
        top: 80px;
}
.topbnrfix a {
    padding: 15px;
}
.topbnrfix{
  -webkit-transform: translate(140px,0);
                -ms-transform: translate(140px,0);
                    transform: translate(140px,0);
}
}

@media only screen and (max-width:599px) {
    .fcombnr li a {
        padding: 10px;
        display: block;
    }
    .fcombnr li {
        width: 260px;
        max-width: 100%;
        margin: 2%;
    }
    .fcombnr li a span {
        display: block;
    }
    .fcombnr li a span:before {
        left: 10px;
    }
    /*
    .fnav .col2 {
        width: 100%;
    }
*/
    .fnav dl {
        width: 100%;
    }
    .fnav .col3 ul {
        width: 48%;
    }
    .fnav dl {
        margin: 10px 0;
    }
    .copy br {
        display: block;
    }
    .copy {
        padding-bottom: 55px;
    }
    .topbnrfix{
      display: none;
    }
}

/*home common*/

.more a {
    display: inline-block;
    position: relative;
    padding: 12px;
    border: 1px solid;
    border-radius: 30px;
    width: 260px;
    max-width: 100%;
    letter-spacing: 2px;
}

.more a span {
    position: relative;
    padding-left: 1em;
    display: inline-block;
}

.more a span:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    left: 0;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.back a {
    display: inline-block;
    position: relative;
    padding: 5px;
    border: 1px solid;
    width: 200px;
    max-width: 100%;
    letter-spacing: 2px;
}

.back a span {
    position: relative;
    padding-left: 1em;
    display: inline-block;
}

.back a span:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f104";
    left: 0;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.ym {
    background: url(/import/tenant_1/153.126.150.37/html/images/yellowmarker.png) center bottom /180px 20px no-repeat;
    line-height: 140%;
}

.pm {
    background: url(/import/tenant_1/153.126.150.37/html/images/purplemarker.png) center bottom /180px 20px no-repeat;
    line-height: 140%;
}

.ymh {
    background: url(/import/tenant_1/153.126.150.37/html/images/yellowmarker.png) center bottom /90px 10px no-repeat;
    line-height: 140%;
}

.index h2 {
    margin-bottom: 40px;
    letter-spacing: 2px;
    font-weight: 700;
}

.index h2 span {
    display: block;
}

.ffix {
    display: none;
}
[data-element-id] .ffix {
        display: block;
        position: static;
        bottom: 0;
        width: 100%;
        background: #0026a5;
        padding: 10px;
        z-index: 100;
    }
  [data-element-id] .ffix li {
        width: 46%;
    }
    [data-element-id] .ffix a {
        display: block;
        padding: 5px 10px;
        text-align: center;
        background: #fff;
        border-radius: 30px;
        opacity: 1;
    }
    [data-element-id] .ffix a:hover {
        background: #ffff00;
    }
    [data-element-id] .ffix a span {
        padding-left: 1.5em;
        position: relative;
    }
    [data-element-id] .ffix a span:before {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: FontAwesome;
    }
    [data-element-id] .ffix .tel a span:before {
        content: "\f095";
    }
    [data-element-id] .ffix .tocont a span:before {
        content: "\f0e0";
    }
@media only screen and (max-width:1024px) {
    .more a {
        padding: 10px;
        width: 230px;
    }
    .ym {
        background-size: 160px 15px;
    }
    .pm {
        background-size: 160px 15px;
    }
    .index h2 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:599px) {
    .more a {
        padding: 8px;
        width: 200px;
        font-size: 14px;
    }
    .ym {
        background-size: 140px 10px;
    }
    .pm {
        background-size: 140px 10px;
    }
    .index h2 {
        margin-bottom: 20px;
    }
    .ffix {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #0026a5;
        padding: 10px;
        z-index: 100;
    }
    .ffix li {
        width: 46%;
    }
    .ffix a {
        display: block;
        padding: 5px 10px;
        text-align: center;
        background: #fff;
        border-radius: 30px;
        opacity: 1;
    }
    .ffix a:hover {
        background: #ffff00;
    }
    .ffix a span {
        padding-left: 1.0em;
        position: relative;
    }
    .ffix a span:before {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: FontAwesome;
    }
    .ffix .tel a span:before {
        content: "\f095";
    }
    .ffix .tocont a span:before {
        content: "\f0e0";
    }
}

/*home*/

.hnewsbox h2 {
    width: 26%;
}

.hnewsbox .hnewslist {
    width: 74%;
    padding-left: 4%;
    border-left: 1px solid #0026a5;
}

.hnewslist li {
    margin-bottom: 1em;
}

.hnewslist li a {
    display: block;
}

.hnewslist dt {
    width: 15%;
    padding-right: 1em;
}

.hnewslist dd {
    width: 85%;
}

.hconcept {
    position: relative;
    overflow: hidden;
    padding-top: 180px;
}

.hconcept:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 140px;
    width: 100%;
    content: "";
    background: url(/import/tenant_1/153.126.150.37/html/images/wtmask.png) center center /100% 100% no-repeat;
}

.hconcept:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: url(http://153.126.150.37/upload/tenant_1/d9c7462eae3b1366eaebfb5a00e53836.jpg) center center /100% 100% no-repeat;
    z-index: -1;
    opacity: 0.4;
}

.hconceptlist01 li {
    width: 24%;
    position: relative;
    overflow: hidden;
    margin: 0.5%;

}
.hconceptlist01 li .trimmingInner{
  -webkit-transition: 0.3s all ease;
            -o-transition: 0.3s all ease;
            transition: 0.3s all ease;
}
.hconceptlist01 li:hover .trimmingInner{
  -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
}
.hconceptlist01 li a {
    display: block;
    height: 100%;
    opacity: 1;
}

.hconceptlist01 li dt {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 92%;
    padding: 20px 4%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    color: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.hconceptlist02 li dl{
    position: relative;
    overflow: hidden;
}

.hconceptlist02 li .trimming70:before {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.hconceptlist02 li dt {
    position: absolute;
    width: 100%;
    padding: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.hconceptlist02 li dl * {
    color: #fff;
    text-align: center;
}

.hconceptlist02 li dt a {
    display: inline-block;
    position: relative;
    padding: 5px 40px;
    border: 1px solid;
    width: 230px;
    max-width: 80%;
}

.hconceptlist02 li dt a:after {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 32px;
    height: 12px;
    background: url(/import/tenant_1/153.126.150.37/html/images/wrarrow.png) no-repeat;
    background-size: contain;
    content: "";
}

.hproduct {

    position: relative;
}

.hproduct:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: url(/import/tenant_1/153.126.150.37/html/images/hproductbg.png) center center /100% 100% no-repeat;
    opacity: 0.7;
    z-index: -1;
}

.hproduct * {
    color: #fff;
}

.hprolist li a {
    display: block;
}

.hprolist li dd {
    margin: 10px 0;
}

.hservbox .titbox {
    margin-bottom: 80px;
}

.hservlist .hservitem {
    width: 50%;
}

.hservlist .hservitem * {
    color: #fff;
    text-shadow: 1px 1px 1px #333, 1px 1px 1px #333;
}

.hservitem .tbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 510px;
    padding: 2% 4% 100px;
    z-index: 2;
}

.hservitem .tbox .more {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.hservitem .tbox dt {
    margin-bottom: 1em;
}

.hservitem .tbox li {
    margin-bottom: 0.5em;
    position: relative;
    padding-left: 1em;
}

.hservitem .tbox li:before {
    position: absolute;
    left: 0;
    content: "・";
}

.hservitem .pic {
    position: relative;
    overflow: hidden;
    min-width: 700px;
}

.hservitem .pic:after {
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.hgallery {
    padding-top: 0;
}
.hgallerylist{
  overflow: hidden;
}

.hgallerylist .slider{
  margin: 0 25px;
}
.hgallerylist li{
  margin: 10px;
}
.hgallerylist li a {
    display: block;
}

.hgallerylist li dt {
    margin: 1em 0;
}

.hrecruitlist li {
    position: relative;
    overflow: hidden;
}

.hrecruitlist li * {
    color: #fff;
}

.hrecruitlist li a {
    display: block;
    height: 100%;
}

.hrecruitlist li dt {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;

}

.hrecruitlist li dt span {
    display: inline-block;
    padding-right: 60px;
    position: relative;
}

.hrecruitlist li dt span:after {
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 32px;
    height: 12px;
    background: url(/import/tenant_1/153.126.150.37/html/images/wrarrow.png) no-repeat;
    background-size: contain;
    content: "";
}

.hrecruitnav {
    max-width: 600px;
    margin: 60px auto;
}

.hrecruitnav ul {
    width: 48%;
}

.hrecruitnav li {
    margin: 0 0 4%;
}
.hrecruitnav li.y a{
   background: #ffff00;
}
.hrecruitnav li a {
    display: block;
    position: relative;
    padding: 15px;
    border-radius: 30px;
    width: 260px;
    max-width: 100%;
    letter-spacing: 1px;
    margin: 0 auto;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    padding-left: 2.5em;
    opacity: 1;
}

.hrecruitnav li a:hover {
    background: #ffff00;
}

.hrecruitnav li a:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    left: 1.5em;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.hrecruitbox .bkimg img {
    min-width: 2000px;
}

.hrecruitbox {
    padding-bottom: 80px;
}

.hrecruitbox:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 0;
    width: 110%;
    height: 80px;
    background: url(/import/tenant_1/153.126.150.37/html/images/hcw.png) bottom center /100% 100% no-repeat;
    content: "";
    z-index: 1;
}

.hshoplist li dt {
    padding-left: 0.5em;
    position: relative;
}

.hshoplist li dt:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1.5em;
    width: 1px;
    background: #0026a5;
}

.hshoplist li dd {
    margin: 15px 0;
}
.hshoplist li dd a{
  display: block;
}
.hshoplist .heightLine-hshopadd{
  display: block;
}
.hshoplist .tel {
    display: block;
}
.hshoplist li dd.toD a{
  display: inline-block;
  width: 200px;
}
.hdepartmentlist li {
    margin: 0 1%;
}

.hdepartmentlist li:nth-of-type(-n + 3) {
    border-top: 1px solid;
}

.hdepartmentlist a {
    display: block;
    padding: 15px;
    padding-left: 2.5em;
    position: relative;
    font-weight: 700;
    border-bottom: 1px solid;
}

.hdepartmentlist a:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    left: 1.5em;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.hshop {
    padding-top: 0;
}

@media only screen and (max-width:1024px) {
    .hnewslist dt,
    .hnewslist dd {
        width: 100%;
        padding-right: 0;
    }
    .hconcept {
        padding-top: 130px;
    }

    .hconcept:before {
        height: 90px;
    }
    .hconceptlist01 li dt {
        padding: 15px 3%;
        width: 94%;
        font-size: 14px;
    }
    .hconceptlist02 li dt a {
        padding: 5px 30px;
    }
    .hconceptlist02 li dt a:after {
        right: 6px;
        width: 25px;
        height: 10px;
    }
    .hprolist li {
        width: 23%;
    }
    .hgallerylist li {
        width: 23%;
    }
    .hservbox .titbox {
        margin-bottom: 60px;
    }
    .hservitem .tbox dt {
        font-size: 17px;
    }
    .hrecruitlist li dt {
        font-size: 16px;
    }
    .hrecruitnav {
        margin: 50px auto;
    }
    .hrecruitbox {
        padding-bottom: 60px;
    }
    .hrecruitbox:after {
        height: 60px;
    }
}

@media only screen and (max-width:599px) {
    .hnewsbox h2 {
        width: 100%;
        margin: 2% 0;
    }
    .hnewsbox .hnewslist {
        width: 100%;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid #0026a5;
        padding: 2%;
        margin: 2% 0;
    }
    .hnewslist li {
        margin: 1em 0;
    }
    .hconcept {
        padding-top: 80px;
    }

    .hconcept:before {
        height: 40px;
    }
    .hconceptbox .titbox .txt {
        text-align: left;
    }
    .hconceptlist01 li dt {
        padding: 10px 2%;
        width: 96%;
    }
    .hprolist li {
        width: 48%;
    }
    .hgallerylist li {
        width: 48%;
    }
    .hservbox .titbox {
        margin-bottom: 40px;
    }
    .hservlist .hservitem {
        width: 100%;
    }

    .hservitem .tbox {
        max-width: inherit;
    }
    .hservitem .tbox dt {
        font-size: 18px;
    }
    .hservitem .tbox dt,
    ul.heightLine-hservlist {
        height: auto !important;
    }
    .hrecruitlist li dt {
        font-size: 14px;
    }
    .hrecruitlist li dt span {
        padding-right: 40px;
    }
    .hrecruitlist li dt span:after {
        right: 6px;
        width: 25px;
        height: 10px;
    }
    .hrecruitnav ul {
        width: 100%;
    }
    .hrecruitnav {
        margin: 40px auto;
    }
    .hrecruitbox {
        padding-bottom: 40px;
    }
    .hrecruitbox:after {
        height: 40px;
    }
    .hshoplist li dt {
        height: auto !important;
    }
    .hdepartmentlist li:nth-of-type(-n + 3) {
        border-top: none;
    }
    .hdepartmentlist li:nth-of-type(-n + 2) {
        border-top: 1px solid;
    }
    .hdepartmentlist a {
        padding: 12.5px;
        padding-left: 1.5em;
    }
    .hdepartmentlist a:before {
        left: 0.5em;
    }
    .hrecruitnav li a{
      -webkit-box-shadow: 0px 0px 0px 1px #eee;
                    box-shadow: 0px 0px 0px 1px #eee;
    }
    .hconceptlist01 li {
    width: 46%;
    margin: 2%;

}
}

/*under*/

/*breadcrumbs*/

.breadcrumbs {
    background: #e8e8e8;
}

.breadcrumbs ul {
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.breadcrumbs ul:before {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #bbb;
    content: "";
}

.breadcrumbs li {
    letter-spacing: 1px;
    font-size: 12px;
    padding: 6px 15px 6px 10px;
    position: relative;
    color: rgba(85, 85, 85, 255);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs li:nth-of-type(1) {
    background: url(/upload/tenant_1/9fbef58d32a749a61105cb9047e4da1f.png) center right /10px 100% no-repeat;
    background-color: #bbb;
    min-width: 70px;
}

.breadcrumbs li:nth-of-type(2) {
    background: url(/upload/tenant_1/f24ecc07ee058991258a2a45f84615a3.png) center right /10px 100% no-repeat;
    background-color: #c9c9c9;
}

.breadcrumbs li:nth-of-type(3) {
    background: url(/upload/tenant_1/274fe03023e4b4b8bec06fb74954132b.png) center right /10px 100% no-repeat;
    background-color: #d2d2d2;
}

.breadcrumbs.secondLay li:nth-of-type(1) {
    background: url(/upload/tenant_1/a59fe01848b517a5ed7c6a1ce5d96b33.png) center right /10px 100% no-repeat;
    background-color: #bbb;
}

.breadcrumbs.secondLay li:nth-of-type(2) {
    background: none;
}

.breadcrumbs.thirdLay li:nth-of-type(2) {
    background: url(/upload/tenant_1/fc7de17b0762f94102c4f2d939d47fe3.png) center right /10px 100% no-repeat;
    background-color: #c9c9c9;
}

.breadcrumbs.thirdLay li:nth-of-type(3) {
    background: none;
}

.breadcrumbs li span {
    line-height: 100%;
}

.breadcrumbs li:first-of-type a {
    position: relative;
    padding-left: 20px;
}

.breadcrumbs li .pix {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    max-width: 20px;
}

.breadcrumbs ul li:last-of-type:after {
    display: none;
}

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

@media only screen and (max-width:599px) {
    .breadcrumbs li {
        padding: 6px 10px 6px 1px;
        font-size: 10px;
    }
}

/*under common*/

.under h2 {
    margin-bottom: 40px;
    letter-spacing: 2px;
    font-weight: 700;
}

.under h2 span {
    display: block;
}

.topc {
    background: #fff;
    position: relative;
    z-index: 2;
    margin-top: -15%;
    padding: 40px 0 80px;
}

.toD a {
    display: inline-block;
    padding: 5px 10px;
    width: 180px;
    max-width: 96%;
    margin: 0 auto;
    border: 1px solid;
    text-align: center;
}

.toD a span {
    padding-right: 1em;
    position: relative;
}

.toD a span:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.under .cont {
    margin-bottom: 60px;
}

.under .contlist .cont:last-of-type {
    margin-bottom: 0;
}
.ol li{
  padding-left: 1em;
    position: relative;
    margin-bottom: 0.5em;
}
.ol li:before{
      content: "・";
    display: inline-block;
    position: absolute;
    left: 0;
}
@media only screen and (max-width:1024px) {
    .under h2 {
        margin-bottom: 30px;
    }
    .topc {
        margin-top: -10%;
        padding: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .under h2 {
        margin-bottom: 20px;
    }
    .topc {
        padding: 20px 0;
    }
    .topc.m1000 {
        width: 96%;
    }
}

/*company*/

.company01list .company01item:nth-of-type(4n + 1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.company01list .company01item:nth-of-type(4n + 2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.company01item {
    width: 50%;
}

.company01item .tbox,
.company01item .pic {
    width: 50%;
}

.company01item .tbox {
    padding: 30px 30px 80px;
    position: relative;
    overflow: hidden;
    background: #1b1b1b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.company01item .tbox:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.company01item .tbox:after {
    content: '';
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0px;
    height: 0px;
    background-color: #041b67;
}

.company01item .tbox .bordertb:before,
.company01item .tbox .bordertb:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    z-index: 1;
    background: #fff;
    width: 0;
    height: 2px;
}

.company01item .tbox .bordertb:before {
    top: 4%;
    left: 4%;
}

.company01item .tbox .bordertb:after {
    bottom: 4%;
    right: 4%;
}

.company01item .tbox:hover .bordertb:before,
.company01item .tbox:hover .bordertb:after {
    width: 92%;
}

.company01item .tbox .borderlr:before,
.company01item .tbox .borderlr:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    z-index: 1;
    background: #fff;
    width: 2px;
    height: 0;
}

.company01item .tbox .borderlr:before {
    top: 4%;
    left: 4%;
}

.company01item .tbox .borderlr:after {
    bottom: 4%;
    right: 4%;
}

.company01item .tbox:hover .borderlr:before,
.company01item .tbox:hover .borderlr:after {
    height: 92%;
}

.company01item .tbox * {
    color: #fff;
    text-align: center;
}

.company01item .tbox dl {
    z-index: 1;
}

.company01item .tbox dt {
    margin-bottom: 0.3em;
    font-weight: 700;
}

.company01item .tbox dd {
    margin: 0.5em 0;
}

.company01item .tbox dd.toD {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
    z-index: 2;
}

@media only screen and (max-width:1024px) {
    .company01 .cont01 {
        margin-bottom: 50px;
    }
    .company01item {
        width: 100%;
    }
    .company01item .tbox {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .company01list .company01item:nth-of-type(4n + 1) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .company01list .company01item:nth-of-type(4n + 2) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .company01list .company01item:nth-of-type(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width:599px) {
    .company01 .cont01 {
        margin-bottom: 40px;
    }
    .company01 .titbox dd {
        text-align: left;
    }
    .company01item {
        width: 50%;
    }
    .company01item .tbox,
    .company01item .pic {
        width: 100%;
    }
    .company01item .tbox {
        padding: 30px 15px 80px;
    }
    .company01item .tbox dt {
        font-size: 16px;
    }
    .company01item .tbox dd {
        text-align: left;
    }
    .company01item .tbox .toD a {
        display: block;
        width: 120px;
    }
}

/*company_about*/

.company_about01 .titbox .pic {
    position: relative;
    overflow: hidden;
    margin-top: -60px;
}

.company_about01 .titbox .pic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, transparent), to(#fff));
    background: -webkit-linear-gradient(#fff 0%, transparent 50%, #fff 100%);
    background: linear-gradient(#fff 0%, transparent 50%, #fff 100%);
}

.company_about01 .cont02list li.cont02listitem {
    padding: 15px 0;
    border-bottom: 1px solid #898989;
}

.company_about01 .cont02list li.cont02listitem dt {
    width: 14%;
}

.company_about01 .cont02list li.cont02listitem dd {
    width: 86%;
    padding-left: 1em;
}

.cont02shoplist {
    margin-top: 20px;
}

.cont02shoplist li {
    padding: 40px 0;
    border-bottom: 1px solid #898989;
}

.cont02shoplist li:last-of-type {
    border-bottom: none;
}

.cont02shoplist li .tbox dt {
    margin-bottom: 20px;
}

.cont02shoplist li .tbox dd {
    padding: 20px 0;
}
.cont02shoplist li .tbox dd li{
  border-bottom: none;
  padding: 0;
  margin: 2% 1%;
}
.cont02shoplist li .tbox dd li .toD a{
  width: 200px;
}
.cont02shoplist li .tbox .tel {
    display: block;
}

@media only screen and (max-width:1024px) {
    .company_about01 .cont02list li.cont02listitem br {
        display: none;
    }
    .cont02shoplist li .tbox dt {
        margin-bottom: 15px;
    }

    .cont02shoplist li .tbox dd {
        padding: 15px 0;
    }
    .cont02shoplist li {
        padding: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .company_about01 .titbox dd {
        font-size: 18px;
    }
    .company_about01 .cont02list li.cont02listitem dt {
        width: 100%;
        margin-bottom: 1em;
        font-weight: 600;
    }

    .company_about01 .cont02list li.cont02listitem dd {
        width: 100%;
        padding-left: 0;
    }
    .cont02shoplist li .tbox dt {
        margin-bottom: 10px;
    }

    .cont02shoplist li .tbox dd {
        padding: 10px 0;
    }
    .cont02shoplist li {
        padding: 20px 0;
    }
}

/*greeting*/

.greeting01 .cont01 .titbox dd.tar span {
    display: inline-block;
    letter-spacing: 1px;
}

.greeting01 .cont01 .titbox .area40 ul {
    padding: 2em 0;
}

/*history*/

.historyNav li {
    width: 18%;
    margin: 1%;
    text-align: center;
    padding: 10px;
    background: #dcdcdc;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.historyNav li:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #323232;
    width: 100%;
    height: 0;
    content: "";
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.historyNav li.on {
    color: #fff;
}

.historyNav li.on:before {
    height: 100%;
    background-color: #333;
}

.historyNav li:hover {
    cursor: pointer;
    opacity: 0.6;
}

.historyNav li span {
    display: inline-block;
    padding-right: 1.0em;
    position: relative;
}

.historyNav li span:after {
    position: absolute;
    right: 0;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f105";
}

.historyList {
    padding: 40px 0;
}

.historyList li {
    padding: 15px 0;
    border-bottom: 1px solid #898989;
}

.historyList li dt {
    width: 30%;
}

.historyList li dd {
    width: 70%;
    padding-left: 1em;
}

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

@media only screen and (max-width:599px) {
  .historyNav{
    -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  
    .historyNav li {
        width: 48%;
    }
    .historyList li dt {
        width: 100%;
        margin-bottom: 1em;
        font-weight: 600;
    }

    .historyList li dd {
        width: 100%;
        padding-left: 0;
    }
}

/*semboku*/

.semboku01box .picbox dt {
    margin: 1em 0;
}

.semboku01list li.semboku01item {
    padding: 15px 0;
    border-bottom: 1px solid #898989;
}

.semboku01list dt {
    width: 25%;
}

.semboku01list dd {
    width: 75%;
    padding-left: 1em;
}

.semboku01list dd dt {
    width: 10%;
}

.semboku01list dd dl {
    margin-bottom: 1em;
}

.semboku01list dd dd {
    width: 90%;
}

.semboku02list li {
    position: relative;
    overflow: hidden;
}

.semboku02list li .tbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.semboku02list li:hover .tbox {
    visibility: visible;
    opacity: 1;
}
.semboku02list li .tbox dl{
      overflow: hidden;
    height: 100%;
}
.semboku02list li .tbox * {
    color: #fff;
}

.semboku02list li .tbox dt {
    margin-bottom: 0.5em;
}

.semboku03box .shopdata dt {
    margin-bottom: 1em;
}
/* .semboku03box .shopdata ruby{
  letter-spacing: -0.5px;
} */
.semboku03box .shopdata .rubywrap{
      position: relative;
    display: inline-block;
    padding-top: 1.2em;
}
.semboku03box .shopdata .ruby span{
      display: inline-block;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    font-weight: 700;
    -webkit-transform: scaleX(0.7);
        -ms-transform: scaleX(0.7);
            transform: scaleX(0.7);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
}
.semboku03box .shopdata rt {
    font-weight: 700;
}
.semboku03box .shopdata .tel {
    padding-right: 2em;
}
.semboku03box .shopdata .toD a{
  background: #fff901;
  border: none;
}
.semboku03box .map:after{
      padding-top: 600px;
}
.semboku03box .shopdata dd dl{
  padding: 1em 0 0;
    border-top: 1px solid #898989;
    margin-top: 1em;
}
.semboku03box .shopdata .ol li span{
  background: url(/import/tenant_1/153.126.150.37/html/images/yellowmarker.png) center bottom /100% 10px no-repeat;
}
@media only screen and (max-width:1024px) {
    .semboku01list dt {
        width: 40%;
    }

    .semboku01list dd {
        width: 60%;
    }
    .semboku01list dd dt {
        width: 15%;
    }

    .semboku01list dd dd {
        width: 85%;
    }
    .semboku02list li {
        width: 48%;
    }
    .semboku03box .map:after{
      padding-top: 450px;
}
}

@media only screen and (max-width:599px) {
    .semboku01list dt {
        width: 100%;
        font-weight: 600;
        margin-bottom: 1em;
    }

    .semboku01list dd {
        width: 100%;
        padding-left: 0;
    }
    .semboku01list dd dt {
        width: 100%;
        margin-bottom: 0.5em;
    }

    .semboku01list dd dd {
        width: 100%;
    }
    .semboku02list li .tbox {
        padding: 10px 0;
        visibility: visible;
        opacity: 1;
        position: static;
        background: none;
    }
    .semboku02list li .tbox * {
        color: #000;
    }
    .semboku02list li .tbox dl{
      height: auto;
    }
    .semboku03box .shopdata .tel {
        display: block;
    }
    .semboku03box .map:after{
      padding-top: 300px;
}
}

/*iga*/

.iga01box .picbox dt {
    margin: 1em 0;
}

.iga01list li.iga01item {
    padding: 15px 0;
    border-bottom: 1px solid #898989;
}

.iga01list dt {
    width: 25%;
}

.iga01list dd {
    width: 75%;
    padding-left: 1em;
}

.iga01list dd dt {
    width: 15%;
}

.iga01list dd dl {
    margin-bottom: 1em;
}

.iga01list dd dd {
    width: 85%;
}

.iga02list li {
    position: relative;
    overflow: hidden;
}

.iga02list li .tbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.6s all ease;
    transition: 0.6s all ease;
}

.iga02list li:hover .tbox {
    visibility: visible;
    opacity: 1;
}

.iga02list li .tbox * {
    color: #fff;
}

.iga02list li .tbox dt {
    margin-bottom: 0.5em;
}

.iga03box .shopdata dt {
    margin-bottom: 0.5em;
}
.iga03box .shopdata rt {
    font-weight: 700;
}
.iga03box .shopdata .tel {
    padding-right: 2em;
}
.iga03box .shopdata .toD a{
  background: #fff901;
  border: none;
}
.iga03box .map iframe{
  width: -webkit-calc(100% + 55px);
    width: calc(100% + 55px);
}
.iga03box .map:after{
      padding-top: 600px;
}
.iga03box .shopdata dd dl{
  padding: 1em 0 0;
    border-top: 1px solid #898989;
    margin-top: 1em;
}
.iga03box .shopdata .ol li span{
  background: url(/import/tenant_1/153.126.150.37/html/images/yellowmarker.png) center bottom /100% 10px no-repeat;
}
#map-widget {
      background-color: #fff;
      border-radius: 2px;
      box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
      font-size: 12px;
      color: #5B5B5B;
      margin: 10px;
      padding: 10px 10px;
      width: 294px;
      position: relative;
      z-index: 1;
      max-width: calc(100% - 70px);
}
#map-widget strong{
  margin-bottom: 0.5em;
  display: block;
  color: black;
  font-weight: 500;
}
#map-widget a{
      color: #3a84df;
      display: block;
          margin: 0.5em 0 0;
}
@media only screen and (max-width:1024px) {
    .iga01list dt {
        width: 40%;
    }

    .iga01list dd {
        width: 60%;
    }
    .iga02list li {
        width: 48%;
    }
    .iga03box .map:after{
      padding-top: 450px;
}
}

@media only screen and (max-width:599px) {
    .iga01list dt {
        width: 100%;
        font-weight: 600;
        margin-bottom: 1em;
    }

    .iga01list dd {
        width: 100%;
        padding-left: 0;
    }
    .iga01list dd dt {
        width: 100%;
        margin-bottom: 0.5em;
    }

    .iga01list dd dd {
        width: 100%;
    }
    .iga02list li .tbox {
        padding: 10px 0;
        visibility: visible;
        opacity: 1;
        position: static;
        background: none;
    }
    .iga02list li .tbox * {
        color: #000;
    }
    .iga03box .shopdata .tel {
        display: block;
    }
    .iga03box .map:after{
      padding-top: 300px;
}
}

/*business*/

.business01 .cont .titbox {
    margin-bottom: 40px;
}

.business01list {
    padding: 20px;
    background: #eeeeee;
}

.business01list li {
    position: relative;
    margin: 7px 1%;
    padding-left: 1em;
    width: 23%;
}

.business01list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 5px;
    background: #041b67;
}

.business02list li.flexsb {
    margin-bottom: 60px;
}

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

.business02list li.flexsb .tbox dt {
    margin-bottom: 1em;
    border-bottom: 1px solid #002bb5;
}

.business02list li.flexsb .tbox dd li {
    margin: 1em 0;
}

.business03list li {
    width: 23%;
}

.business03list a {
    display: block;
}

.business03list dl {
    position: relative;
    overflow: hidden;
}

.business03list dt {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    z-index: 1;
    text-shadow: 1px 1px 1px #333, 1px 1px 1px #333;
}

@media only screen and (max-width:1024px) {
    .business01 .cont .titbox {
        margin-bottom: 30px;
    }
    .business01list li {
        width: 31.333%;
    }
    .business02list li.flexsb {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width:599px) {
    .business01 .cont .titbox {
        margin-bottom: 20px;
    }
    .business01list li {
        width: 46%;
        margin: 2%;
    }
    .business02list li.flexsb {
        margin-bottom: 40px;
    }
    .business03list li {
        width: 48%;
    }
}

/*department*/

.department02list li {
    margin-bottom: 40px;
}

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

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

.department02list li .tbox dt {
    margin-bottom: 0.5em;
}

.department02list li .tbox dd {
    line-height: 200%;
}

/*environmental,employee,safety*/

.efforts .cont {
    margin-bottom: 80px;
}

.effortsnav {
    background: rgba(255, 255, 255, 0.9);
    padding: 40px 20px;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.effortsnav li {
    width: 31.333%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.effortsnav li a {
    position: relative;
    overflow: hidden;
    opacity: 1;
}
.effortsnav li a.now{
  color: #fff;
}
.effortsnav li a.now:before{
  width: 100%;
}
.effortsnav li a:hover {
    color: #fff;
}

.effortsnav li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #333;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.effortsnav li a:hover:before {
    width: 100%;
}

.efforts02list li {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #898989;
    background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 10px /21px no-repeat;
}

.efforts03 .titbox {
    margin-bottom: 80px;
}

@media only screen and (max-width:1024px) {
    .efforts .cont {
        margin-bottom: 70px;
    }
    .effortsnav {
        padding: 10px;
    }
    .effortsnav li a {
        font-size: 15px;
        padding: 8px;
    }
    .efforts02list li {
        padding: 10px 0 10px 26px;
        background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 12px /17px no-repeat;
    }
    .efforts03 .titbox {
        margin-bottom: 70px;
    }
}

@media only screen and (max-width:599px) {
    .efforts .cont {
        margin-bottom: 60px;
    }
    .effortsnav {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 20px 0;
    }
    .effortsnav li {
        width: 48%;
        margin: 1%;
    }
    .effortsnav li a {
        font-size: 13px;
        padding: 5px;
    }
    .effortsnav li a span {
        padding-left: 0.8em;
    }
    .efforts02list li {
        padding: 10px 0 10px 24px;
        background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 13px /15px no-repeat;
    }
    .efforts03 .titbox .txt br {
        display: none;
    }
    .efforts03 .titbox {
        margin-bottom: 60px;
    }
}

/*work*/

.work02list li {
    width: 40%;
    margin: 1%;
}

.work02list li dl {
    margin: 1em 0;
}

.work02list li .titbox {
    position: relative;
    overflow: hidden;
}

.work02list li .titbox dt {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.work03list li {
    position: relative;
    overflow: hidden;
}

.work03list li .tbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.work03list li:hover .tbox {
    opacity: 1;
    visibility: visible;
}

.work03list li dl {
    width: 96%;
}

.work03list li dl * {
    color: #fff;
}

.work03list li dt {
    margin-bottom: 2em;
}


.work04box .titbox {
    margin-bottom: 40px;
}

.work04list li {
    position: relative;
    overflow: hidden;
}

.work04list li dl {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 96%;
    padding: 2%;
    z-index: 2;
}

.work04list li dl * {
    color: #fff;
    border-color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #333, 1px 1px 1px #333;
}

.work04list li .toD {
    margin-top: 2em;
}

@media only screen and (max-width:1024px) {
    .work04list li dd br {
        display: none;
    }
    .work04list li {
        width: 100%;
    }
    .work04box .titbox {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:599px) {
    .work02list li {
        width: 48%;
    }
    .work03list li .tbox {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
        opacity: 1;
        height: auto;
        background: none;
        padding: 2% 0;
    }
    .work03list li dl {
        width: 100%;
    }
    .work03list li dl * {
        color: #000;
    }
    .work03list li dt {
        margin-bottom: 1em;
        text-align: left;
    }
    .work03list li {
        margin-bottom: 20px;
    }
    .work04box .titbox {
        margin-bottom: 20px;
    }
}

/*finger*/

.fingerjoint01box .txt ul {
    padding: 1em 0;
}

.fingerjoint01box .txt li {
    margin: 1em 0;
}

.fingerjoint01item {
    margin: 40px 0;
}

.fingerjoint01item .tbox {
    padding-top: 2em;
}

.fingerjoint01item .tbox dt {
    margin-bottom: 1em;
    position: relative;
}

.fingerjoint01item .tbox dt span {
    display: inline-block;
    text-align: left;
}

.fingerjoint01item .tbox dt:after {
    height: 2px;
    width: 120%;
    content: "";
    position: absolute;
    bottom: 0;
    background: #002bb5;
}

.fingerjoint01list .fingerjoint01item .tbox dd.toD {
    padding: 0 !important;
    margin: 30px auto;
}


.fingerjoint01list .fingerjoint01item:nth-of-type(odd) .tbox dt:after {
    right: 0;
}

.fingerjoint01list .fingerjoint01item:nth-of-type(odd) .tbox dd {
    padding-left: 2em;
}

.fingerjoint01list .fingerjoint01item:nth-of-type(even) .tbox dt:after {
    left: 0;
}

.fingerjoint01list .fingerjoint01item:nth-of-type(even) .tbox dd {
    padding-right: 2em;
}

.fingerjoint01list .fingerjoint01item:nth-of-type(even) .tbox dt {
    text-align: right;
}

.fingerjoint02list li {
    position: relative;
    overflow: hidden;
}

.fingerjoint02list li .tbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fingerjoint02list li:hover .tbox {
    opacity: 1;
    visibility: visible;
}

.fingerjoint02list li dl {
    width: 96%;
}

.fingerjoint02list li dl * {
    color: #fff;
}

.fingerjoint02list li dt {
    margin-bottom: 2em;
}

@media only screen and (max-width:1024px) {
    .fingerjoint01item {
        margin: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .fingerjoint01item .tbox {
        padding-top: 0;
    }
    .fingerjoint01item .tbox dd {
        padding: 0 !important;
    }
    .fingerjoint01list .fingerjoint01item:last-of-type {
        margin-bottom: 0;
    }
    .fingerjoint01item {
        margin: 0 0 20px;
    }
    .fingerjoint01list {
        padding: 4%;
    }
    .fingerjoint02list li .tbox {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
        opacity: 1;
        height: auto;
        background: none;
        padding: 2% 0;
    }
    .fingerjoint02list li dl {
        width: 100%;
    }
    .fingerjoint02list li dl * {
        color: #000;
    }
    .fingerjoint02list li dt {
        margin-bottom: 1em;
        text-align: left;
    }
    .fingerjoint02list li {
        margin-bottom: 20px;
    }
}

/*must_see*/

.must_see01table {
    margin: 30px 0;
    border: 1px solid #8ec5f7;
}

.must_see01table li {
    border-bottom: 1px solid #8ec5f7;
}

.must_see01table li:last-of-type {
    border-bottom: none;
}

.must_see01table .heading * {
    font-weight: 700;
    text-align: center;
    background: #8ec5f7;
}

.must_see01table .heading dt {
    border-color: #fff;
}

.must_see01table .heading dt,
.must_see01table .heading dd {
    padding: 5px 10px;
}

.must_see01table dt,
.must_see01table dd {
    padding: 15px;
}

.must_see01table dt .ruby {
    display: block;
}

.must_see01table dt {
    width: 30%;
    border-right: 1px solid #8ec5f7;
}

.must_see01table dd {
    width: 70%;
}

.must_see03list {
    margin: 30px 0;
}

.must_see03list li {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #898989;
    background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 10px /21px no-repeat;
}

.must_see04box .tbox li {
    margin: 1.5em 0;
}

.must_see04box .pic {
    margin: 20px 0;
}

.must_see04box .tbox li dt {
    margin-bottom: 0.5em;
}

.must_see05list {
    margin: 20px 0;
}

.must_see05list .trimmingInner {
    padding-top: 75% !important;
}

.must_see05list img {
    max-height: 100% !important;
}

.must_see06box .pic {
    margin: 20px 0 40px;
}

.must_see07box .pic {
    margin: 20px 0 40px;
}

.must_see09box .more a {
    width: auto;
    background: #ac000d;
    color: #fff;
    padding: 15px;
}

@media only screen and (max-width:1024px) {
    .must_see03list li {
        padding: 10px 0 10px 26px;
        background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 12px /17px no-repeat;
    }
    .must_see03list {
        margin: 20px 0;
    }
}

@media only screen and (max-width:599px) {
    .must_see01table dt {
        width: 100%;
        border-right: none;
        font-weight: 600;
    }

    .must_see01table dd {
        width: 100%;
    }
    .must_see01table dt .ruby {
        display: inline-block;
    }
    .must_see01table dt,
    .must_see01table dd {
        padding: 10px 15px;
    }
    .must_see03list li {
        padding: 10px 0 10px 24px;
        background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 13px /15px no-repeat;
    }
    .must_see03list {
        margin: 10px 0;
    }
    .must_see06box .pic {
        margin: 20px 0;
    }

    .must_see07box .pic {
        margin: 20px 0;
    }
    .must_see09box .more a {
        padding: 10px;
        font-size: 10px;
        letter-spacing: 1px;
    }
}

/*hybrid*/

.hybrid02list .trimmingInner img {
    max-height: 100% !important;
}

.hybrid02box .tbox {
    margin: 40px 0;
}

.hybrid02box .tbox dt {
    margin-bottom: 40px;
}

.hybrid02box .tbox li {
    margin: 1em 0;
    padding-left: 1.5em;
    position: relative;
}

.hybrid02box .tbox li:before {
    content: "・";
    position: absolute;
    left: 0;
}

@media only screen and (max-width:1024px) {
    .hybrid02box .tbox {
        margin: 30px 0;
    }

    .hybrid02box .tbox dt {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:599px) {
    .hybrid02box .tbox {
        margin: 20px 0;
    }

    .hybrid02box .tbox dt {
        margin-bottom: 20px;
    }
}

/*jointseal*/

.jointseal01box .tbox ul {
    padding: 1em 0;
}

.jointseal01box .tbox li {
    margin: 1em 0;
}

.jointseal01box .tbox li dt {
    margin-bottom: 0.5em;
}

.jointseal01list li {
    padding: 10px 0 10px 30px;
    border-bottom: 1px solid #898989;
    background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 10px /21px no-repeat;
}

.jointseal02box .table {
    margin: 40px 0;
}

.jointseal02box .table table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px 0;
    border: 1px solid #8ec5f7;
}

.jointseal02box .table table thead th {
    background: #8ec5f7;
    font-weight: 700;
    font-size: 14px;
    border-right: 1px solid #fff;
}

.jointseal02box .table table thead td {
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    background: #8ec5f7;
    border-right: 1px solid #fff;
}

.jointseal02box .table table thead td:last-of-type {
    border-right: 1px solid #8ec5f7;
}

.jointseal02box .table th {
    background: #fff;
    font-weight: normal;
    text-align: left;
    padding: 10px;
    width: auto;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #8ec5f7;
    border-bottom: 1px solid #8ec5f7;
}

.jointseal02box .table td {
    background: #fff;
    font-size: 14px;
    text-align: left;
    padding: 10px;
    border-right: 1px solid #8ec5f7;
    border-bottom: 1px solid #8ec5f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jointseal03list {
    counter-reset: number;
    margin-right: -70px;
}

.jointseal03list li {
    width: 33.333%;
    margin-bottom: 30px;
}

.jointseal03list li dt {
    padding-left: 40px;
    position: relative;
    margin-bottom: 1em;
}

.jointseal03list li dt:before {
    counter-increment: number;
    content: counter(number);
    display: block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    color: #fff;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #000;
    font-family: 'Candal', sans-serif;
}

.jointseal03list li dt,
.jointseal03list li dd {
    padding-right: 70px;
}

.jointseal03list li dd {
    position: relative;
}

.jointseal03list li dd:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 35px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(50%, -50%);
    border-left: 20px solid #898989;
    border-top: 20px transparent solid;
    border-bottom: 20px transparent solid;
}

.jointseal03list li:nth-of-type(3n + 3) dd:after {
    display: none;
}

@media only screen and (max-width:1024px) {
    .jointseal01list li {
        padding: 10px 0 10px 26px;
        background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 12px /17px no-repeat;
    }
    .jointseal03list {
        margin-right: -50px;
    }
    .jointseal03list li dd:after {
        border-width: 15px;
        right: 25px;
    }
    .jointseal03list li dt,
    .jointseal03list li dd {
        padding-right: 50px;
    }
    .jointseal03list li dt:before {
        width: 25px;
        height: 25px;
        line-height: 22px;
        font-size: 20px;
    }

    .jointseal03list li dt {
        padding-left: 30px;
    }
}

@media only screen and (max-width:599px) {
    .jointseal01list li {
        padding: 10px 0 10px 24px;
        background: url(/import/tenant_1/153.126.150.37/html/images/rsquare.png) left top 13px /15px no-repeat;
    }
    .jointseal02box .table td {
        padding: 10px 5px;
    }
    .jointseal02box .table th,
    .jointseal02box .table td {
        font-size: 11px;
    }
    .jointseal03list {
        margin-right: -35px;
    }
    .jointseal03list li {
        width: 50%;
    }
    .jointseal03list li dt {
        padding-left: 25px;
        font-size: 16px;
    }
    .jointseal03list li dt:before {
        width: 20px;
        height: 20px;
        line-height: 17px;
        font-size: 18px;
    }
    .jointseal03list li dd:after {
        border-width: 10px;
        right: 17.5px;
    }
    .jointseal03list li dt,
    .jointseal03list li dd {
        padding-right: 35px;
    }
    .jointseal03list li:nth-of-type(3n + 3) dd:after {
        display: block;
    }
    .jointseal03list li:nth-of-type(2n + 2) dd:after {
        display: none;
    }
}

/*common bridge,appendage,footbridge,other*/

.workcomitem01 {
    margin: 40px 0;
}

.workcomitem01 .tbox {
    padding-top: 2em;
}

.workcomitem01 .tbox dt {
    margin-bottom: 1em;
    position: relative;
}

.workcomitem01 .tbox dt span {
    display: inline-block;
    text-align: left;
}

.workcomitem01 .tbox dt:after {
    height: 2px;
    width: 120%;
    content: "";
    position: absolute;
    bottom: 0;
    background: #002bb5;
}

.workcomlist01 .workcomitem01 .tbox dd.toD {
    padding: 0 !important;
    margin: 30px auto;
}


.workcomlist01 .workcomitem01:nth-of-type(odd) .tbox dt:after {
    right: 0;
}

.workcomlist01 .workcomitem01:nth-of-type(odd) .tbox dd {
    padding-left: 2em;
}

.workcomlist01 .workcomitem01:nth-of-type(even) .tbox dt:after {
    left: 0;
}

.workcomlist01 .workcomitem01:nth-of-type(even) .tbox dd {
    padding-right: 2em;
}

.workcomlist01 .workcomitem01:nth-of-type(even) .tbox dt {
    text-align: right;
}

.workcomlist02 li {
    position: relative;
    overflow: hidden;
}

.workcomlist02 li .tbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.workcomlist02 li:hover .tbox {
    opacity: 1;
    visibility: visible;
}

.workcomlist02 li dl {
    width: 96%;
}

.workcomlist02 li dl * {
    color: #fff;
}

.workcomlist02 li dt {
    margin-bottom: 2em;
}

@media only screen and (max-width:1024px) {
    .workcomitem01 {
        margin: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .workcomitem01 {
        margin: 0 0 30px;
    }
    .workcomitem01 .tbox {
        padding-top: 0;
    }
    .workcomitem01 .tbox dd {
        padding: 0 !important;
    }
    .workcomlist01 .workcomitem01:last-of-type {
        margin-bottom: 0;
    }
    .workcomlist01 {
        padding: 4%;
    }
    .workcomlist02 li .tbox {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
        opacity: 1;
        height: auto;
        background: none;
        padding: 2% 0;
    }
    .workcomlist02 li dl {
        width: 100%;
    }
    .workcomlist02 li dl * {
        color: #000;
    }
    .workcomlist02 li dt {
        margin-bottom: 1em;
        text-align: left;
    }
    .workcomlist02 li {
        margin-bottom: 20px;
    }
}

/*product*/

.product01item {
    margin: 40px 0;
}

.product01item .tbox {
    padding-top: 2em;
}

.product01item .tbox dt {
    margin-bottom: 1em;
    position: relative;
}

.product01item .tbox dt span {
    display: inline-block;
    text-align: left;
}

.product01item .tbox dt:after {
    height: 2px;
    width: 120%;
    content: "";
    position: absolute;
    bottom: 0;
    background: #002bb5;
}

.product01list .product01item .tbox dd.toD {
    padding: 0 !important;
    margin: 30px auto;
}


.product01list .product01item:nth-of-type(odd) .tbox dt:after {
    right: 0;
}

.product01list .product01item:nth-of-type(even) .tbox dt:after {
    left: 0;
}

.product01list .product01item:nth-of-type(even) .tbox dt {
    text-align: right;
}
.product01item .pic .flexsb .w48{
  width: 48%;
  margin: 0;
}
@media only screen and (max-width:1024px) {
    .product01item {
        margin: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .product01item .tbox {
        padding-top: 0;
    }
    .product01list .product01item:last-of-type {
        margin-bottom: 0;
    }
}

/*productgallery productgallery_detail*/

.productgallery01nav li {
    width: 31.333%;
    margin: 1%;
}

.productgallery01nav li a {
    text-align: center;
    padding: 10px;
    background: #dcdcdc;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.productgallery01nav li a:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #323232;
    width: 100%;
    height: 0;
    content: "";
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.productgallery01nav li a:hover {
    color: #fff;
}

.productgallery01nav li:hover a:before {
    height: 100%;
    background-color: #333;
}

.productgallery01nav li span {
    display: inline-block;
    padding-right: 1.0em;
    position: relative;
}

.productgallery01nav li span:after {
    position: absolute;
    right: 0;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f105";
}
.productgallery01box .titbox{
  margin-bottom: 40px;
}
.productgallery01box .titbox dt {
    margin-bottom: 1em;
    text-align: center;
    
}
.productgallery01box .titbox dt.open span:after{
  -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.productgallery01box .titbox dt:hover{
  opacity: 0.6;
  cursor: pointer;
}
.productgallery01box .titbox dt span{
      padding: 0 1.5em;
    position: relative;
    display: inline-block;
}
.productgallery01box .titbox dt span:after{
  position: absolute;
  right: 0;
  top: 0;
  content: "\f105";
  font-family: FontAwesome;
  -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-size: 28px;
}
.productgallery02area .productgallery02box {
    margin-bottom: 40px;
}
[data-element-id] .productgallery02list li{
  display: none;
}
[data-element-id] .productgallery02list li:nth-of-type(-n+12){
  display: block;
}
.productgallery02list li {
    position: relative;
    overflow: hidden;
}

.productgallery02list li .tbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.productgallery02list li:hover .tbox {
    opacity: 1;
    visibility: visible;
}

.productgallery02list li dl {
    width: 96%;
}

.productgallery02list li dl * {
    color: #fff;
}

.productgallery02list li dt {
    margin-bottom: 2em;
}

.productdatabox .tbox li {
    padding: 15px 0;
    border-bottom: 1px solid #898989;
}

.productdatabox .tbox li dt {
    width: 30%;
}

.productdatabox .tbox li dd {
    width: 70%;
    padding-left: 1em;
}

.productgalleryrecobox {
    margin-bottom: 60px;
}

@media only screen and (max-width:1024px) {
    .productgallery01nav li {
        width: 48%;
    }
    .productgallery02list li dt {
    margin-bottom: 1em;
}
}

@media only screen and (max-width:599px) {
    /* .productgallery01nav li {
        width: 100%;
        margin: 1% 0;
    } */
    .productgallery02list li .tbox {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
        opacity: 1;
        height: auto;
        background: none;
        padding: 2% 0;
    }
    .productgallery02list li dl {
        width: 100%;
    }
    .productgallery02list li dl * {
        color: #000;
    }
    .productgallery02list li dt {
        text-align: left;
    }
    .productgallery02list li {
        margin-bottom: 20px;
    }
    .productdatabox .tbox li dt {
        width: 100%;
        margin-bottom: 1em;
        font-weight: 600;
    }

    .productdatabox .tbox li dd {
        width: 100%;
        padding-left: 0;
    }
}
/*comreclist*/
.comreclist{
  margin: 60px auto;
}
.comreclist li{
      width: 31.333%;
    margin: 1%;
}
.comreclist li a {
    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;
    position: relative;
    padding: 15px;
    -webkit-border-radius: 30px;
            border-radius: 30px;
    width: 260px;
    max-width: 100%;
    letter-spacing: 1px;
    margin: 0 auto;
    background: #fff;
    font-weight: 600;
    font-size: 16px;
    padding-left: 2.5em;
    opacity: 1;
    border: 1px solid;
    height: 100%;
}

.comreclist li a:hover {
    background: #ffff00;
    border: none;
}
.comreclist li a.now{
  background: #ffff00;
    border: none;
}
.comreclist li a:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    left: 1.5em;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
@media only screen and (max-width:1024px) {
  .comreclist {
    margin: 50px auto;
}
  .comreclist li{
      width: 48%;
}
  .comreclist li a{
    font-size: 14px;
    padding: 10px 10px 10px 2.5em;
  }
}
@media only screen and (max-width:599px) {
  .comreclist {
    margin: 40px auto;
}
  .comreclist li a:before{
    display: none;
  }
  .comreclist li a {
    font-size: 10px;
    padding: 7px 4px;
    -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
}
}
/*recruit*/

.recruit01list li {
    position: relative;
    overflow: hidden;
}

.recruit01list li .tbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.recruit01list li .tbox dl {
    width: 94%;
}

.recruit01list li .tbox * {
    color: #fff;
    text-align: center;
}

.recruit01list li .tbox .toD {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.recruit01list li:hover .tbox .toD {
    visibility: visible;
    opacity: 1;
}

.recruit01bnr {
    margin: 60px 0;
}

.recruit01bnr a {
    position: relative;
    overflow: hidden;
    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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #313131;
}

.recruit01bnr .tbox {
    width: 44%;
    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;
    padding: 20px 0 80px 20px;
}

.recruit01bnr .tbox dt {
    color: #fff;
}

.recruit01bnr .tbox dd {
    font-size: 70px;
    color: rgba(155, 72, 72, 0.6);
    font-weight: 600;
    font-family: 'CenturyGothic', sans-serif;
    letter-spacing: 4px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    line-height: 100%;
    z-index: 1;
}

.recruit01bnr .pic {
    width: 56%;
    position: relative;
}

.recruit01bnr .pic:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    display: block;
    background: url(/import/tenant_1/153.126.150.37/html/images/blackarrow.png) center center /100% 100% no-repeat;
}

.recruit01bnr .pic img {
    max-width: inherit !important;
    width: auto;
    height: 100% !important;
}

@media only screen and (max-width:1024px) {
    .recruit01list li {
        width: 48%;
    }
    .recruit01bnr .tbox {
        padding: 20px 0 60px 20px;
    }
    .recruit01bnr .tbox dd {
        font-size: 50px;
        letter-spacing: 3px;
        bottom: 20px;
        left: 20px;
    }
    .recruit01bnr {
        margin: 50px 0;
    }
}

@media only screen and (max-width:599px) {
    .recruit01list li .tbox {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background: none;
        height: auto;
        margin: 10px 0;
    }
    .recruit01list li .tbox .toD {
        visibility: visible;
        opacity: 1;
    }
    .recruit01list li .tbox * {
        color: #000;
    }
    .recruit01bnr a {
        background: none;
    }
    .recruit01bnr .tbox {
        width: 100%;
        padding: 10px 15px;
        background: #313131;
        position: relative;
    }
    .recruit01bnr .tbox:after {
        position: absolute;
        bottom: 10px;
        right: 2%;
        width: 96%;
        height: 15px;
        content: "";
        background: url(/import/tenant_1/153.126.150.37/html/images/wrarrow.png) center right /auto no-repeat;
    }
    .recruit01bnr .pic {
        width: 100%;
    }
    .recruit01bnr .pic:before {
        display: none;
    }
    .recruit01bnr .tbox dl {
        width: 100%;
    }
    .recruit01bnr .tbox dd {
        position: static;
        font-size: 40px;
        letter-spacing: 2px;
    }
    .recruit01bnr .pic img {
        max-width: 100% !important;
        width: 100%;
        height: auto !important;
    }
    .recruit01bnr {
        margin: 40px 0;
    }
}

/*message*/

.message01list li {
    margin-bottom: 60px;
}

.message01list li .tbox dt {
    border-bottom: 1px solid #002bb5;
    margin-bottom: 1em;
}
.message01list li .tbox .txt a {
        background: url(/import/tenant_1/153.126.150.37/html/images/yellowmarker.png) center bottom /100% 10px no-repeat;
}
@media only screen and (max-width:1024px) {
    .message01list li {
        margin-bottom: 50px;
    }
}

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

/*person*/

.person01box .titbox {
    margin-bottom: 40px;
}

.person01item {
    padding: 30px 0;
    border-bottom: 1px dotted #ececec;
}

.person01item .tit {
    margin-bottom: 40px;
}

.person01item table {
    width: 100%;
    height: auto;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #8ec5f7;
}

.person01item table thead th {
    background: #8ec5f7;
    font-weight: 700;
    font-size: 14px;
    border-right: 1px solid #fff;
}

.person01item table thead td {
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    background: #8ec5f7;
    border-right: 1px solid #fff;
}

.person01item table thead td:last-of-type {
    border-right: 1px solid #8ec5f7;
}

.person01item table th {
    background: #fff;
    font-weight: normal;
    text-align: left;
    padding: 10px;
    width: auto;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #8ec5f7;
    border-bottom: 1px solid #8ec5f7;
}

.person01item table td {
    background: #fff;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #8ec5f7;
    border-bottom: 1px solid #8ec5f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.person01item table tbody th:before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 0.5em;
}

.person01item .pie01 table tbody:nth-of-type(7n + 1) th:before {
    background: #2783c7;
}

.person01item .pie01 table tbody:nth-of-type(7n + 2) th:before {
    background: #ed552b;
}

.person01item .pie01 table tbody:nth-of-type(7n + 3) th:before {
    background: #aa4bad;
}

.person01item .pie01 table tbody:nth-of-type(7n + 4) th:before {
    background: #ffce4a;
}

.person01item .pie01 table tbody:nth-of-type(7n + 5) th:before {
    background: #1c5eae;
}

.person01item .pie01 table tbody:nth-of-type(7n + 6) th:before {
    background: #54913a;
}

.person01item .pie02 table tbody:nth-of-type(7n + 1) th:before {
    background: #2783c7;
}

.person01item .pie02 table tbody:nth-of-type(7n + 2) th:before {
    background: #ed552b;
}

.person01item .pie03 table tbody:nth-of-type(7n + 1) th:before {
    background: #2783c7;
}

.person01item .pie03 table tbody:nth-of-type(7n + 2) th:before {
    background: #ed552b;
}
.person01item .rectable table tbody th:before{
  display: none;
}
.person01item .rectable table thead th {
  background: #fff;
}
.person01item .rectable table thead .y{
  background: #fff901;
}
.person01item .rectable table thead td{
  border-right: 1px solid #8ec5f7;
}
.person01item .rectable table tbody th{
  background: #8ec5f7;
}
.piechart .pic {
    max-width: 70%;
    margin: 0 auto;
}

.person02box .titbox {
    margin-bottom: 40px;
}

.person02list .tit {
    background: #8ec5f7;
    border-radius: 30px;
    color: #fff;
    padding: 10px;
    margin-bottom: 60px;
}

.person02list .person02item {
    margin-bottom: 20px;
}

.person02list .person02item dt {
    width: 16%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.person02list .person02item dd {
    width: 80%;
}

.person02list .person02item dt .trimmingInner {
    border-radius: 50%;
}

.person02list .person02item dt span {
    display: block;
    text-align: center;
}

.person02list .person02item dt span.name {
    margin: 10px 0;
}

.person02list .person02item dd {
    padding: 20px;
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 30px;
}

.person02list .person02item dd:before {
    position: absolute;
    left: 7px;
    bottom: -30px;
    content: "";
    border-left: 30px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 40px solid;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    z-index: -1;
}

.person02list .person02item:nth-of-type(odd) dd {
    background-color: #cde7ff;
}

.person02list .person02item:nth-of-type(even) dd {
    background-color: #ffebcd;
}

.person02list .person02item:nth-of-type(odd) dd:before {
    border-bottom-color: #cde7ff;
}

.person02list .person02item:nth-of-type(even) dd:before {
    border-bottom-color: #ffebcd;
    right: 7px;
    left: auto;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
}

.person02list .person02item:nth-of-type(odd) .flexsb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (max-width:1024px) {
    .person01item .tit {
        margin-bottom: 30px;
    }
    .person01item.w48 .w48 {
        width: 100%;
    }
    .person01item.w48 .piechart {
        margin-bottom: 20px;
    }
    .person01item .rectable table th,.person01item .rectable table td{
      font-size: 12px;
    }
}

@media only screen and (max-width:599px) {
    .person01item {
        padding: 20px 0;
    }
    .person01item .tit {
        margin-bottom: 20px;
    }
    .person01item .piechart {
        margin-bottom: 20px;
    }
    .person02list .person02item dt {
        width: 30%;
    }
    .person02list .person02item dd {
        width: 66%;
    }

    .person02list .person02item dl {
        padding: 0 0 40px;
    }


    .person02list .person02item dt {
        position: relative;
        bottom: -50px;

    }
    .person01item .rectable {
        padding: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .person01item .rectable::-webkit-scrollbar {
        height: 5px;

    }
    .person01item .rectable::-webkit-scrollbar-thumb {
        background: #999;
        border-radius: 5px;
    }
    .person01item .rectable::-webkit-scrollbar-track-piece {
        background: #efefef;
    }
    .person01item .rectable table {
        width: 660px;
        margin: 0 auto;
    }
}

/*strength*/

.strength01box .tbox dt {
    margin: 20px 0;
}

.strength02item {
    margin: 40px 0;
}

.strength02item .tbox {
    padding-top: 2em;
}

.strength02item .tbox dt {
    margin-bottom: 1em;
    position: relative;
}

.strength02item .tbox dt span {
    display: inline-block;
}

.strength02item .tbox dt:after {
    height: 2px;
    width: 120%;
    content: "";
    position: absolute;
    bottom: 0;
    background: #002bb5;
}

.strength02list .strength02item .tbox dd.toD {
    padding: 0 !important;
    margin: 30px auto;
}


.strength02list .strength02item:nth-of-type(odd) .tbox dt:after {
    right: 0;
}

.strength02list .strength02item:nth-of-type(odd) .tbox dd {
    padding-left: 2em;
}

.strength02list .strength02item:nth-of-type(even) .tbox dt:after {
    left: 0;
}

.strength02list .strength02item:nth-of-type(even) .tbox dd {
    padding-right: 2em;
}

.strength02list .strength02item:nth-of-type(even) .tbox dt {
    text-align: right;
}

@media only screen and (max-width:1024px) {
    .strength02item {
        margin: 30px 0;
    }
    .strength02item .tbox dt br {
        display: none;
    }
    .strength02item .tbox dt span {
        text-align: left;
    }
}

@media only screen and (max-width:599px) {
    .strength02item {
        margin: 0 0 30px;
    }
    .strength02item .tbox {
        padding-top: 0;
    }
    .strength02item .tbox dd {
        padding: 0 !important;
    }
    .strength02list .strength02item:last-of-type {
        margin-bottom: 0;
    }
    .strength02list {
        padding: 0 4%;
    }
}

/*interview*/

.numlist li {
    display: none;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 9) .numlist li.no9 {
    display: block;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 8) .numlist li.no8 {
    display: block;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 7) .numlist li.no7 {
    display: block;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 6) .numlist li.no6 {
    display: block;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 5) .numlist li.no5 {
    display: block;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 4) .numlist li.no4 {
    display: block;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 3) .numlist li.no3 {
    display: block;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 2) .numlist li.no2 {
    display: block;
}

.interviewlist .interviewbox.num9:nth-of-type(9n + 1) .numlist li.no1 {
    display: block;
}

.interviewlist .interviewbox.num8:nth-of-type(8n + 8) .numlist li.no8 {
    display: block;
}

.interviewlist .interviewbox.num8:nth-of-type(8n + 7) .numlist li.no7 {
    display: block;
}

.interviewlist .interviewbox.num8:nth-of-type(8n + 6) .numlist li.no6 {
    display: block;
}

.interviewlist .interviewbox.num8:nth-of-type(8n + 5) .numlist li.no5 {
    display: block;
}

.interviewlist .interviewbox.num8:nth-of-type(8n + 4) .numlist li.no4 {
    display: block;
}

.interviewlist .interviewbox.num8:nth-of-type(8n + 3) .numlist li.no3 {
    display: block;
}

.interviewlist .interviewbox.num8:nth-of-type(8n + 2) .numlist li.no2 {
    display: block;
}

.interviewlist .interviewbox.num8:nth-of-type(8n + 1) .numlist li.no1 {
    display: block;
}

.interviewlist .interviewbox.num7:nth-of-type(7n + 7) .numlist li.no7 {
    display: block;
}

.interviewlist .interviewbox.num7:nth-of-type(7n + 6) .numlist li.no6 {
    display: block;
}

.interviewlist .interviewbox.num7:nth-of-type(7n + 5) .numlist li.no5 {
    display: block;
}

.interviewlist .interviewbox.num7:nth-of-type(7n + 4) .numlist li.no4 {
    display: block;
}

.interviewlist .interviewbox.num7:nth-of-type(7n + 3) .numlist li.no3 {
    display: block;
}

.interviewlist .interviewbox.num7:nth-of-type(7n + 2) .numlist li.no2 {
    display: block;
}

.interviewlist .interviewbox.num7:nth-of-type(7n + 1) .numlist li.no1 {
    display: block;
}

.interviewlist .interviewbox.num6:nth-of-type(6n + 6) .numlist li.no6 {
    display: block;
}

.interviewlist .interviewbox.num6:nth-of-type(6n + 5) .numlist li.no5 {
    display: block;
}

.interviewlist .interviewbox.num6:nth-of-type(6n + 4) .numlist li.no4 {
    display: block;
}

.interviewlist .interviewbox.num6:nth-of-type(6n + 3) .numlist li.no3 {
    display: block;
}

.interviewlist .interviewbox.num6:nth-of-type(6n + 2) .numlist li.no2 {
    display: block;
}

.interviewlist .interviewbox.num6:nth-of-type(6n + 1) .numlist li.no1 {
    display: block;
}

.interviewlist .interviewbox.num5:nth-of-type(5n + 5) .numlist li.no5 {
    display: block;
}

.interviewlist .interviewbox.num5:nth-of-type(5n + 4) .numlist li.no4 {
    display: block;
}

.interviewlist .interviewbox.num5:nth-of-type(5n + 3) .numlist li.no3 {
    display: block;
}

.interviewlist .interviewbox.num5:nth-of-type(5n + 2) .numlist li.no2 {
    display: block;
}

.interviewlist .interviewbox.num5:nth-of-type(5n + 1) .numlist li.no1 {
    display: block;
}

.interviewlist .interviewbox.num4:nth-of-type(4n + 4) .numlist li.no4 {
    display: block;
}

.interviewlist .interviewbox.num4:nth-of-type(4n + 3) .numlist li.no3 {
    display: block;
}

.interviewlist .interviewbox.num4:nth-of-type(4n + 2) .numlist li.no2 {
    display: block;
}

.interviewlist .interviewbox.num4:nth-of-type(4n + 1) .numlist li.no1 {
    display: block;
}

.interviewlist .interviewbox.num3:nth-of-type(3n + 3) .numlist li.no3 {
    display: block;
}

.interviewlist .interviewbox.num3:nth-of-type(3n + 2) .numlist li.no2 {
    display: block;
}

.interviewlist .interviewbox.num3:nth-of-type(3n + 1) .numlist li.no1 {
    display: block;
}

.interviewlist .interviewbox.num2:nth-of-type(2n + 2) .numlist li.no2 {
    display: block;
}

.interviewlist .interviewbox.num2:nth-of-type(2n + 1) .numlist li.no1 {
    display: block;
}

.interviewlist .interviewbox.num1:nth-of-type(1n + 1) .numlist li.no1 {
    display: block;
}

.interviewbox .numlist {
    width: 60px;
}

.interviewbox .numlist li {
    font-size: 36px;
    font-family: 'Candal', sans-serif;
    color: rgba(0, 72, 217, 255);
    position: relative;
    text-align: right;
}

.interviewbox .numlist li:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 56%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -55px;
    width: 50px;
    height: 6px;
    background: url(/import/tenant_1/153.126.150.37/html/images/barrow.png) center center /contain no-repeat;
    z-index: 3;
}

.interviewlist {
    margin: 40px 0;
}

.interviewitem {
    position: relative;
    overflow: hidden;
    width: 76%;
}

.interviewitem .tbox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.interviewitem:hover .tbox {
    opacity: 1;
    visibility: visible;
}

.interviewitem dl {
    width: 96%;
}

.interviewitem dl * {
    color: #fff;
    text-align: center;
}

.interviewitem dt {
    margin-bottom: 10px;
}

.interviewitem dd {
    margin: 5px 0;
}

.interviewitem dd.fs16 span {
    margin: 0 0.5em;
    display: inline-block;
}

.interviewitem dd.t {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.interviewitem dd.t br{
  display: none;
}
.interviewpost .tbox dl {
    position: relative;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}

.interviewpost .tbox dl:after {
    display: block;
    height: 1px;
    width: 120%;
    background: #0048d9;
    content: "";
}

.interviewpost .tbox dl .interviewpost .tbox dt {
    margin-bottom: 1em;
}

.interviewpost .tbox dd {
    margin: 0.5em 0;
}

.interviewpostlist {
    margin: 40px 0;
}

.interviewpostlist li {
    padding: 20px 0;
}

.interviewpostlist li dt {
    margin-bottom: 1em;
    padding-left: 40px;
    padding-top: 20px;
    position: relative;
}

.interviewpostlist li dt span {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    color: rgba(0, 72, 217, 255);
    font-family: 'Candal', sans-serif;
    font-size: 36px;
}

.interviewpostlist li dt span:before {
    content: "";
    width: 10px;
    background: #c1d1f2;
    height: 70px;
    position: absolute;
    left: 0;
    top: -10px;
    z-index: -1;
}

@media only screen and (max-width:1024px) {
    .interviewbox .numlist li {
        font-size: 30px;
    }
    .interviewbox {
        width: 48%;
    }
    .interviewbox .numlist {
        width: auto;
    }
    .interviewitem {
        width: 100%;
    }
    .interviewlist {
        margin: 30px auto;
        max-width: 768px;
    }
    .interviewpostlist li dt {
        padding-left: 35px;
    }
    .interviewpostlist li dt span {
        font-size: 30px;
    }

    .interviewpostlist li dt span:before {
        height: 60px;
        top: -7px;
    }
}

@media only screen and (max-width:599px) {
    .interviewitem .tbox {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible;
        opacity: 1;
        height: auto;
        background: none;
        padding: 2% 0;
    }
    .interviewitem dl {
        width: 100%;
    }
    .interviewitem dl * {
        color: #000;
        text-align: left;
    }
    .interviewitem dt {
        margin-bottom: 0.5em;
        text-align: left;
    }
    .interviewitem dd.fs16 span {
        display: block;
        margin: 0;
    }
    .interviewitem dd.toD,
    .interviewitem dd.toD a {
        text-align: center;
    }
    .interviewlist {
        margin: 20px 0;
    }
    .interviewpostlist li dt span {
        font-size: 26px;
    }
    .interviewpostlist li dt span:before {
        height: 50px;
        top: -5px;
    }
    .interviewpostlist li dt {
        padding-left: 30px;
    }
}

/*project*/

.project01box .titbox h2 {
    margin-bottom: 1em;
}

.project01item .tbox li {
    margin-bottom: 20px;
}

.project01item .tbox li dt {
    margin-bottom: 1em;
}

.project01list li dt {
    margin: 0 0 2em;
}

.project01list li {
    margin: 0 0 50px;
}

.project01list li:nth-of-type(odd) {
    padding-left: 10%;
}

.project01list li:nth-of-type(even) {
    padding-right: 10%;
}

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

@media only screen and (max-width:599px) {
    .project01item .tbox li {
        margin: 10px 0;
    }
    .project01list li {
        margin: 0 0 30px;
    }
    .project01list li:nth-of-type(odd) {
        padding-left: 0;
    }

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

/*base*/

.base01nav li {
    width: 170px;
    max-width: 48%;
    margin: 1%;
}

.base01nav li a {
    text-align: center;
    padding: 10px;
    background: #dcdcdc;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.base01nav li a:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #323232;
    width: 100%;
    height: 0;
    content: "";
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.base01nav li a:hover {
    color: #fff;
}

.base01nav li:hover a:before {
    height: 100%;
    background-color: #333;
}

.base01nav li span {
    display: inline-block;
    padding-right: 1.0em;
    position: relative;
}

.base01nav li span:after {
    position: absolute;
    right: 0;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f105";
}

.baseitem {
    margin: 40px 0;
}

.baseitem .tbox {
    padding-top: 2em;
}

.baseitem .tbox dt {
    margin-bottom: 1em;
    position: relative;
}

.baseitem .tbox dt span {
    display: inline-block;
    text-align: left;
}

.baseitem .tbox dt:after {
    height: 2px;
    width: 120%;
    content: "";
    position: absolute;
    bottom: 0;
    background: #002bb5;
}

.baselist .baseitem .tbox dd.toD {
    padding: 0 !important;
    margin: 30px auto;
}


.baselist .baseitem:nth-of-type(odd) .tbox dt:after {
    right: 0;
}

.baselist .baseitem:nth-of-type(odd) .tbox dd {
    padding-left: 2em;
}

.baselist .baseitem:nth-of-type(even) .tbox dt:after {
    left: 0;
}

.baselist .baseitem:nth-of-type(even) .tbox dd {
    padding-right: 2em;
}

.baselist .baseitem:nth-of-type(even) .tbox dt {
    text-align: right;
}

@media only screen and (max-width:1024px) {
    .baseitem {
        margin: 30px 0;
    }
}

@media only screen and (max-width:599px) {
    .baseitem {
        margin: 0 0 30px;
    }
    .baseitem .tbox {
        padding-top: 0;
    }
    .baseitem .tbox dd {
        padding: 0 !important;
    }
    .baselist .baseitem:last-of-type {
        margin-bottom: 0;
    }
    .baselist {
        padding: 4%;
    }
}

/*common job new_graduate,career,requirements_list*/

.jobnav {
    background: rgba(255, 255, 255, 0.9);
    padding: 40px 20px;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.jobnav li {
    width: 31.333%;
    margin: 1%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.jobnav li a {
    position: relative;
    overflow: hidden;
    opacity: 1;
}
.jobnav li a.now{
  color: #fff;
}
.jobnav li a:hover {
    color: #fff;
}
.jobnav li a.now:before{
  width: 100%;
}
.jobnav li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #333;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.jobnav li a:hover:before {
    width: 100%;
}

.job01box .titbox {
    margin-bottom: 40px;
}

.job01list {
    counter-reset: number;
}

.job01list li {
    position: relative;
    padding: 30px 0 30px 70px;
    border-bottom: 1px solid #898989;
    margin-bottom: 30px;
}

.job01list li:after {
    position: absolute;
    left: 70px;
    top: 100%;
    border-top: 15px solid #898989;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    content: "";
}

.job01list li:last-of-type:after {
    display: none;
}

.job01list li span.candal {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #0a3489;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    top: 15px;
}

.job01list li:last-of-type span.candal {
    background: #c20505;
}

.job01list li span.candal:after {
    counter-increment: number;
    content: counter(number, decimal-leading-zero);
    display: block;
    font-size: 20px;
}

.job02list li {
    position: relative;
    overflow: hidden;
}

.job02list li .tbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.job02list li .tbox dl {
    width: 96%;
    margin: 0 auto;
}

.job02list li .tbox dl * {
    color: #fff;
    text-align: center;
}

.job02list li .tbox dt,
.job02list li .tbox dd {
    margin: 10px 0;
}

@media only screen and (max-width:1024px) {
    .jobnav {
        padding: 10px;
    }
    .jobnav li a {
        font-size: 15px;
        padding: 8px;
    }
    .job01box .titbox {
        margin-bottom: 30px;
    }
    .job02list li .tbox dt,
.job02list li .tbox dd {
    margin: 5px 0;
}
}

@media only screen and (max-width:599px) {
    .jobnav {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 20px 0;
    }
    .jobnav li {
        width: 48%;
        margin: 1%;
    }
    .jobnav li a {
        font-size: 13px;
        padding: 5px;
    }
    .jobnav li a span {
        padding-left: 0.8em;
    }
    .job01box .titbox {
        margin-bottom: 20px;
    }
    .job01list li {
        padding: 20px 0 20px 60px;
    }
    .job01list li span.candal {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        top: 5px;
    }
    .job01list li:after {
        left: 60px;
    }
    .job02list li .tbox {
        position: static;
        background: none;
    }
    .job02list li .tbox dl * {
        color: #000;
    }
    .job02list li .tbox dl {
        width: 100%;
    }
}

/*requirements_list*/
.requirements_list01item{
      max-width: 768px;
    margin: 0 auto;
}
.requirements_list01item .pic {
    width: 100%;
    margin: 1% 0;
}

.requirements_list01list {
    width: 100%;
    margin: 1% 0;
}

.requirements_list01list li {
    padding: 15px 0;
    border-bottom: 1px solid #898989;
}

.requirements_list01list li dt {
    background: #c1d1f2;
    text-align: center;
    width: 26%;
    padding: 5px;
    display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.requirements_list01list li dd {
    width: 70%;
    padding: 5px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.requirements_list01box .jobnav {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 20px 0;
}

@media only screen and (max-width:1024px) {
    .requirements_list01item .pic {
        width: 100%;
        margin: 2% 0;
    }

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

@media only screen and (max-width:599px) {
    .requirements_list01list li dt {
        width: auto;
        margin: 2% 0;
    }
    .requirements_list01list li dd {
        width: 100%;
        margin: 2% 0;
    }
    .requirements_list01list li {
        padding: 10px 0;
    }
}

/*faq*/

.faqnav li {
    width: 170px;
    max-width: 48%;
    margin: 1%;
}

.faqnav li a {
    text-align: center;
    padding: 10px;
    background: #dcdcdc;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.faqnav li a:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #323232;
    width: 100%;
    height: 0;
    content: "";
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.faqnav li a:hover {
    color: #fff;
}

.faqnav li:hover a:before {
    height: 100%;
    background-color: #333;
}

.faqnav li span {
    display: inline-block;
    padding-right: 1.0em;
    position: relative;
}

.faqnav li span:after {
    position: absolute;
    right: 0;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f105";
}

.faq01cont {
    margin: 50px 0;
}

.faq01cont .tit {
    margin-bottom: 30px;
}

.faq01item {
    margin: 20px 0;
}

.faq01list dt,
.faq01list dd {
    padding: 20px 60px;
    position: relative;
}

.faq01list dt {
    background: #c1d1f2;
}

.faq01list dt:hover {
    cursor: pointer;
}

.faq01list dt:after {
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 40px;
    font-family: FontAwesome;
    font-weight: 700;
    color: #0048d9;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.faq01list dt.open:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faq01list dt span.q,
.faq01list dd span.a {
    position: absolute;
    font-family: 'Candal', sans-serif;
    top: 15px;
    left: 15px;
    text-align: center;
    display: inline-block;
    font-size: 40px;
}

.faq01list dt span.t,
.faq01list dd span.t {
    display: inline-block;
    padding-left: 10px;
}

.faq01list dt span.q {
    color: #0048d9;
}

.faq01list dt span.t {
    border-left: 1px solid #0048d9;
}

.faq01list dd span.a {
    color: #c20505;
}

.faq01list dd span.t {
    border-left: 1px solid #c20505;
}

@media only screen and (max-width:1024px) {
    .faqnav li {
        width: 300px;
    }
    .faq01list dt span.q,
    .faq01list dd span.a {
        font-size: 30px;
    }
    .faq01list dt,
    .faq01list dd {
        padding: 20px 50px;
    }
    .faq01list dt:after {
        font-size: 30px;
        right: 12.5px;
    }
}

@media only screen and (max-width:599px) {
    .faqnav li a {
        padding: 10px 8px;
    }
    .faq01list dt span.q,
    .faq01list dd span.a {
        font-size: 24px;
        left: 7.5px;
    }
    .faq01list dt,
    .faq01list dd {
        padding: 20px 30px;
    }
    .faq01list dt:after {
        font-size: 24px;
        right: 10px;
    }
}

/*entry contact*/

.entryform .form {
    background: #eff4ff;
    padding: 45px 60px;
    margin: 40px auto;
}

.contactform .form {
    background: #fffdeb;
    padding: 45px 60px;
    margin: 40px auto;
}

.form dl {
    padding: 15px 0;
}

.form dl.inp {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form.contact02 dl.inp {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form dl.tarea {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form.contact02 dl.tarea {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form dt {
    width: 26%;
    font-weight: 600;
    position: relative;
    padding-right: 60px;
}

.form dt .reqw {
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    background: #d5262b;
    color: #fff;
    margin-left: 10px;
    display: inline-block;
    position: absolute;
    right: 0;
}

.form dd {
    width: 70%;
}

.form dd input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}

.form dd select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
    height: 40px;
}

.form .radio dd input {
    display: none;
}

.form .radio dd input + label {
    padding-left: 20px;
    position: relative;
    margin-right: 20px;
    line-height: 200%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form .radio dd input + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #303841;
    border-radius: 50%;
    background: #fff;
}

.form .radio dd input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #303841;
    border-radius: 50%;
}

.form .radio dd input:checked + label {
    border-bottom: 1px solid;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.form dd textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    font-size: 14px;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
    height: 300px;
}

.formbtn li button {
    text-align: center;
    display: block;
    background: #ffff00;
    padding: 15px;
    position: relative;
    z-index: 1;
    opacity: 1;
    overflow: hidden;
    border: none;
    width: 100%;
    margin: 60px auto;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    font-weight: 700;
    font-size: 16px;
    border-radius: 30px;
}

.formbtn li button:before {
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    content: '';
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: #fff;
    height: 120%;
    left: -10%;
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
    z-index: -1;
}

.formbtn li button:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}

.formbtn li button:hover {
    background: #fff;
    cursor: pointer;
}

.formbtn li button:hover:before {
    left: -10%;
    width: 120%;
}

.formbtn li {
    width: 100%;
    max-width: 320px;
    margin: auto;
}

.formbtn2 li {
    max-width: 250px;
}

.form .att a {
    display: block;
}

.form .att a span {
    display: inline-block;
    text-decoration: underline;
    text-underline-position: under;
}

.formbtn.formbtn2 li:nth-of-type(2n+1) button:before,.thanks .formbtn li button:before{
  left: auto;
  right: -10%;
}
.formbtn.formbtn2 li:nth-of-type(2n+1) button:hover:before,.thanks .formbtn li button:hover:before{
  left: auto;
  right: -10%;
}
.formbtn.formbtn2 li:nth-of-type(2n+1) button:after{
      left: 10px;
      right: auto;
      content: "\f104";
}
.thanks .formbtn li button{
      border:3px solid #ffff00;
}
.thanks .formbtn li button:after{
  left: 10px;
      right: auto;
      content: "\f104";
}
@media only screen and (max-width:1024px) {
    .form dt {
        width: 100%;
        padding-bottom: 1em;
    }

    .form dd {
        width: 100%;
    }
    .form dl {
        padding: 15px 0;
    }
    .formbtn li button {
        margin: 50px auto;
        padding: 10px;
    }
    .formbtn2 li {
        max-width: 180px;
    }
}

@media only screen and (max-width:599px) {
    .formbtn li button {
        margin: 40px auto;
        padding: 5px;
        max-width: 250px;
            font-size: 14px;
    }
    .formbtn2 li {
        max-width: 110px;
    }
    .entryform .form,
    .contactform .form {
        padding: 20px;
    }
    .entry01box .titbox dd br,
    .contact01box .titbox dd br {
        display: none;
    }
}

/*news*/

.nnav li {
    width: 170px;
    max-width: 48%;
    margin: 1%;
}

.nnav li a {
    text-align: center;
    padding: 10px;
    background: #dcdcdc;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nnav li a:before {
    position: absolute;
    top: 0;
    left: 0;
    background: #323232;
    width: 100%;
    height: 0;
    content: "";
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.nnav li a:hover {
    color: #fff;
}

.nnav li:hover a:before {
    height: 100%;
    background-color: #333;
}

.nnav li span {
    display: inline-block;
    padding-right: 1.0em;
    position: relative;
}

.nnav li span:after {
    position: absolute;
    right: 0;
    top: 46%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: FontAwesome;
    content: "\f105";
}

.nlist {
    margin: 40px 0;
}

.nitem {
    padding: 20px 0;
    border-bottom: 1px solid #898989;
}

.nitem a {
    display: block;
}

.nitem .cdlist {
    width: 26%;
    padding-right: 2em;
}

.nitem .cdlist .date {
    width: 48%;
    padding: 2px 0;
    padding-right: 1em;
}

.nitem .cdlist .cat {
    text-align: center;
    background: #c1d1f2;
    width: 52%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 5px;
}

.nitem .tit {
    width: 74%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 0;
}

.alist {
    margin: 40px auto;
}

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

.alist li {
    width: 23%;
    margin: 0 1%;
}

.alist dt {
    margin-bottom: 1em;
}

.alist li a {
    display: block;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #898989;
}

.alist li a:hover {
    background: #535353;
    color: #fff;
}

.npostbox .cdlist {
    margin: 20px 0;
}

.npostbox .cdlist .date {
  padding: 2px 0;
    padding-right: 1em;
}

.npostbox .cdlist .cat {
    text-align: center;
    background: #c1d1f2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100px;
    padding: 2px 5px;
}

.npostbox dt {
    padding: 15px 0;
    border-bottom: 1px solid #898989;
}

.npostbox {
    margin: 60px 0;
}

@media only screen and (max-width:1024px) {
    .nnav li {
        width: 48%;
        max-width: inherit;
    }
    .nnav {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .nitem .cdlist {
        width: 100%;
        padding-right: 0;
        margin: 1% 0;
    }
    .nitem .tit {
        width: 100%;
        margin: 1% 0;
    }
    .nitem .cdlist .flexsb {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .nitem .cdlist li {
        display: inline-block !important;
        width: auto !important;
        min-width: 100px;
    }
    .nlist {
        margin: 30px 0;
    }
    .alist li {
        width: 31.333%;
    }
    .npostbox {
        margin: 40px 0;
    }
    .npostbox .cdlist {
        margin: 10px 0;
    }
}

@media only screen and (max-width:599px) {
    .nnav li a {
        padding: 10px 8px;
    }
    .nitem {
        padding: 15px 0;
        border-bottom: 1px solid #898989;
    }
    .nlist {
        margin: 20px 0;
    }
    .alist li {
        width: 48%;
    }
    .npostbox .cdlist .date {
        padding-right: 0;
        width: 100%;
        margin-bottom: 0.5em;
    }
    .npostbox {
        margin: 20px 0;
    }
    .npostbox .cdlist {
        margin: 0;
    }
}

/*privacy*/

.privacy01item {
    margin: 30px 0;
}

.privacy01item dt {
    margin-bottom: 1em;
}

.privacy01item dd ul {
    margin: 20px 0;
}

.privacy01item dd li {
    margin: 1em 0;
}

/*pagenav*/

.pagenav ul {
    max-width: 240px;
    margin: 80px auto;
}

.pagenav li {
    width: 14%;
    text-align: center;
    font-size: 18px;
}

.pagenav li a {
    display: inline-block;
    font-family: 'Candal', sans-serif;
}

.pagenav li.prev,
.pagenav li.next {
    color: rgba(0, 72, 217, 255);
}

.pagenav li.now a {
    color: rgba(0, 72, 217, 255);
    border-bottom: 1px solid;
}

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

@media only screen and (max-width:599px) {
    .pagenav ul {
        margin: 60px auto;
    }
}