@charset "UTF-8";
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body {min-width: 1190px;padding: 0;margin: 0;color: #666;font-size: 16px;font-family: dnp-shuei-gothic-kin-std, 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 1;}
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object { max-width: 100%; height: auto; border: none; display: block; }
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a { color: #666; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a:hover { opacity: 0.6; }
.clearfix::after { content: ''; display: block; clear: both; }
.sp, .sp-header { display: none; }
.inner {width: 1190px;margin: 0 auto;}
.container { width: 100%; overflow: hidden; }
.js-body { width: 100%; height: 100%; position: fixed; }
.google-map { width: 100%; position: relative; }
.google-map iframe, .google-map object, .google-map embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.social-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.social-items li { width: 32px; height: 32px; margin-right: 14px; font-size: 16px; text-align: center; border: 1px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.social-items a { padding-top: 7px; color: #fff; }

.js-fade { opacity: 0; -moz-transition: 1.2s; -o-transition: 1.2s; -webkit-transition: 1.2s; transition: 1.2s; }
.js-fade-bottom { -moz-transform: translateY(20px); -ms-transform: translateY(20px); -webkit-transform: translateY(20px); transform: translateY(20px); }
.js-fade-active { opacity: 1; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); }

.js-curtain { overflow: hidden; }
.js-curtain.first-anime .js-curtain-inner:after { transition-property: transform, opacity; transition-duration: 0.5s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transform: translate3d(0, 0, 0); }
.js-curtain.second-anime .js-curtain-inner:after { transition-property: transform; transition-duration: 0.5s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transform: translate3d(103%, 0, 0); }
.js-curtain.second-anime img { opacity: 1; left: 0; }
.js-curtain img { opacity: 0; position: relative; left: -4%; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }

.js-curtain-inner {overflow: hidden;position: relative;display: inline-block;}
.js-curtain-inner:after { content: ''; position: absolute; opacity: 1; left: 0; top: 0; bottom: 0; width: 100%; background: #ede9ea; transform: translate3d(-101%, 0, 0); }

/* font */
.mincho { font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo; }

/* midashi */
.midashi02 { color: #101835; font-family: dnp-shuei-mincho-pr6; font-weight: 400; font-style: normal; text-align: center; }
.midashi02 .en {font-size: 40px;letter-spacing: 6px;display: block;margin-bottom: 10px;}
.midashi02 .jp { font-size: 12px; letter-spacing: 8px; display: block; }
.midashi03 { padding: 4px 10px; margin-bottom: 30px; color: #101835; font-size: 20px; border-left: 4px solid; }

.midashi04 {width: 100%;margin: 0 auto 40px;text-align: center;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;color: #101835;}
.midashi04:before, .midashi04:after {content: '';height: 1px;background: #b2b7ba;display: block;-webkit-flex-grow: 1;flex-grow: 1;}
.midashi04:before { margin-right: 30px; }
.midashi04:after { margin-left: 30px; }
.midashi04 span{font-size:25px;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;}

.midashi05 { background:#F3F3F3; padding:10px; margin-bottom:30px; font-size:20px; text-align:center; font-family: 'EB Garamond', serif; font-feature-settings : "palt"; letter-spacing: 2px;}

.midashi06{background: #101835;color: #fff; padding: 20px;text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 24px;margin-bottom: 40px;}


/* customer_harassment_link
----------------------------------------------- */
.customer_harassment_link{
  color: #fff;
  font-size: 10px;
  text-decoration: underline;
  margin: 0 0 15px;
}


/* header
----------------------------------------------- */
.header-logo {width: 125px;z-index: 1;position: fixed;top: 0;left: 0;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;background: #0f1835;}
.header-logo img { width: 100%; }

.global-navi-wra{z-index: 1;max-width: 1020px;margin:0 auto;position: relative;}
.global-navi {position: absolute;right: 0;bottom: 30px;-moz-transform: translateX(85px);-ms-transform: translateX(85px);-webkit-transform: translateX(85px);transform: translateX(85px);}
.global-navi-items {display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.global-navi-item {margin-left: 25px;color: #fff;font-size: 14px;letter-spacing: 1px;position: relative;}
.global-navi-item:hover { background: rgba(235, 107, 47, 0.7); cursor: pointer; }
.global-navi-item:hover a { opacity: 1; }
.global-navi-item > span, .global-navi-item > a {padding: 7px 12px;color: #fff;display: inline-block;text-shadow: 1px 1px 1px #000;}

.global-navi-item-button i { margin-left: 4px; }
.global-navi-item-button:hover .global-navi-in-items { visibility: visible; opacity: 1; top: 100%; }

.global-navi-in-items { width: 265px; z-index: 2; visibility: hidden; opacity: 0; position: absolute; top: 90%; left: 0; -moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97); }

.global-navi-in-item { background: #e2e2e2; }
.global-navi-in-item:nth-child(even) { background: #d5d3d2; }
.global-navi-in-item a:hover { background: #0f1834;color: #fff; }
.global-navi-in-item a {padding: 15px 20px 12px;line-height: 1.5;}

.global-navi-in-item .kids a{font-size: 80%;border-top: 1px dashed #c0c0c0;}
.global-navi-in-item .kids a:before{content: 'ー';margin-right: 5px;display: inline-block;}


/* header-fixed
----------------------------------------------- */
.header-fixed .header-logo {width: 100px;padding-left: 20px;}

.header-fixed .hero {z-index: auto;}

.header-fixed .global-navi-wra {position: fixed;top: 85px;z-index: 60;width: 1020px;margin: auto;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}

.header-fixed .header {position: fixed;width: 100%;top: 0;z-index: 10;}

.header-fixed h1 {position:relative;}

.fixed_in {position: fixed;top: -81px;height: 81px;width: 100%;background: #0f1835;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;z-index: 1;}

.header-fixed .fixed_in {top: 0;}

.fixed_in img {width: 120px;}

/* aside
----------------------------------------------- */
.aside-fixed { z-index: 1; position: fixed; top: 50%; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.aside-mail {width: 60px;padding: 15px 21px 15px 0;margin-bottom: 50px;color: #fff;font-size: 16px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-o-writing-mode: vertical-rl;writing-mode: vertical-rl;background: #0f1835;}
.aside-mail i { margin-bottom: 4px; }
.aside-mail span { letter-spacing: 2px; }

.aside-ebook {width: 60px;padding: 15px 21px 15px 0;color: #0f1835;font-size: 16px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-o-writing-mode: vertical-rl;writing-mode: vertical-rl;background: #fff;border: 1px solid #0f1835;}
.aside-ebook:hover{opacity: 1;color: #fff;background: #0f1835;}
.aside-ebook i { margin-bottom: 4px; }
.aside-ebook span { letter-spacing: 2px; }

.aside-language-items {width: 60px;}
.aside-language-items li { width: 100%; margin-bottom: 1px; font-size: 14px; font-family: futura-pt; font-weight: 400; font-style: normal; text-align: center; letter-spacing: 1px; }
.aside-language-items li.current a { background: #0f1835; }
.aside-language-items a { width: 100%; height: 40px; padding-top: 13px; padding-left: 3px; color: #fff; background: #8e8a8a; }
.aside-language-items a:hover { background: #0f1835; opacity: 1; }

.aside-language {width: 60px;padding: 15px 21px 15px 0;color: #fff;font-size: 16px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-o-writing-mode: vertical-rl;writing-mode: vertical-rl;background: #505050;border: 1px solid #505050;}
.aside-language:hover{opacity: 1;color: #505050;background: #fff;}
.aside-language i { margin-bottom: 4px; }

/* footer
----------------------------------------------- */
.footer { background: #101835; }
.footer-top {width: 1190px;padding: 50px 0 164px;margin: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: flex-start;align-items: flex-start;}
.footer-logo { width: 150px; margin-right: 30px; }
.footer-logo img { width: 100%; }
.footer-content { padding-left: 30px; margin-right: 60px; color: #fff; border-left: 1px solid #fff; }
.footer-date { font-size: 12px; line-height: 1.6; }
.footer-tel { margin-bottom: 10px; font-size: 12px; line-height: 1.6; }
.footer-tel a { color: #fff; display: inline-block; }
.footer-social-items { margin-bottom: 40px; }
.footer-seo { margin-bottom: 5px; }
.footer-seo .big { margin-bottom: 6px; font-size: 26px; font-family: dnp-shuei-ymincho-std; font-weight: 600; font-style: normal; letter-spacing: 6px; display: block; }
.footer-seo .small { font-size: 12px; font-family: dnp-shuei-mincho-pr6; font-weight: 400; font-style: normal; display: block; }
.footer-navi { width: 580px; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.footer-navi-column { width: 33%; }
.footer-navi-title { margin-bottom: 15px; color: #fff; font-size: 12px; font-weight: bold; display: block; }
.footer-navi-title.sp { display: none; }
.footer-navi-title_2 {margin-bottom: 15px;color: #8f8d9c;font-size: 10px;display: block;}
.footer-navi-title_2.sp { display: none; }
.footer-navi-items li {margin-bottom: 15px;font-size: 10px;position: relative;width: 197px;}
.footer-navi-items a { margin-bottom: 8px; color: #8f8d9c; }
.footer-navi-items a.sml:before{content: 'ー';margin-right: 5px;display: inline-block;}

.contact-window{position:absolute;right:-58px;bottom:-50px;font-size:12px;}
.contact-window .contact-window-blc01{color:#fff;margin:0 0 15px;text-align:left;}
.contact-window .contact-window-blc01 .contact-window-title{color:#fff;border-left:2px solid #fff;padding:4px 0 4px 8px;margin:0 0 13px;font-weight:600;}
.contact-window .contact-window-blc01 .contact-window-time{margin:0 0 10px;}
.contact-window .contact-window-blc01 .contact-window-note{font-size:80%;}
.contact-window .contact-window-line{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:10px;width:max-content;overflow:hidden;background:#f0f0f0;padding:10px 14px;}

.contact .customer_harassment_link{color: #0f1835;text-align: center;margin: 22px 0 30px;font-size: 14px;display: block;}

.line-area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;gap:6px;}
.line-icon{width:30px;}
.line-icon img{}
.line-area p{color:#048b3b;font-weight:600;font-feature-settings:"palt";letter-spacing:.04em;text-transform:uppercase;}

.contact-window .contact-window-line .contact-window-line-qr{width:50px;background:#fff;overflow:hidden;height:50px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.contact-window .contact-window-line .contact-window-line-qr img{width:100%;}
.contact-window .contact-window-line .contact-window-line-title{color:#fff;font-weight:600;line-height:1.32;padding:0 12px 0 0;font-size:12px;}

.footer-callcenter{width:max-content;position:absolute;right: -12px;bottom: -128px;font-size:12px;}
.footer-callcenter .callcenter-blc{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;margin-top:6px;}
.footer-callcenter .callcenter-icon{width:18px;margin-right:5px;}
.footer-callcenter .callcenter-txt{color:#fff;position:relative;top:2px;}
.footer-callcenter .callcenter-txt.tel{font-family:futura-pt;font-weight:600;font-style:normal;font-size:120%;letter-spacing:1px;top:0;}
.footer-callcenter .callcenter-open-time{font-size:60%;display:block;margin-top:10px;color:#fff;}

.footer-bottom { border-top: 1px solid #585e71; }
.footer-bottom-inner {width: 1180px;padding: 17px 0;margin: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.footer-bottom-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.footer-bottom-items li { margin-right: 30px; font-size: 10px; }
.footer-bottom-items a { color: #fff; }
.copyright { color: #8f8d9c; font-size: 10px; }
.js-pagetop { width: 45px; z-index: 9; position: fixed; right: 0; bottom: 0; -moz-transition: 0s; -o-transition: 0s; -webkit-transition: 0s; transition: 0s; }
.js-pagetop img { width: 100%; }

/* hero
----------------------------------------------- */
@keyframes fadeIn {
from {
  display: none;
  opacity: 0;
}
to {
  display: block;
  opacity: 1;
}
}
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
  }
}
.hero { width: 100%; z-index: 1; position: relative; }
.hero:before {content: '';width: 100%;height: 100%;background: url(../images/bg01.png) repeat top center;z-index: 1;position: absolute;top: 0;left: 0;}
.hero-add .hero-title { top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.hero-inner { overflow: hidden; }
.hero-image {width: 100%;transition: 0s;}
.hero-image #video_frame {width: 100%;height: 100%;position: absolute;z-index: 1;background: rgba(0, 0, 0, 0);background: #01113f;}
.hero-image #video {width: 960px;display:block;margin: 6% auto 0;}
.hero-image img {width: 100%;min-width: 1200px;position: relative;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);transition: 0s;}
.hero-top {height: 843px;}
.hero-top:before {display: none;}
.hero-top .hero-inner {height: 843px;}
.hero-top-image {height: 100%;}
.hero-top-image ul {display: none;}
.hero-top-image ul img {height: 100%;width: auto;}
.hero-top-image ul .hero-top-ttl {position:absolute;width: 1190px;left: 50%;transform: translate(-50%);z-index: 50;color: #fff;text-shadow: 0 0 5px #666, 0 0 5px #999;}
.hero-top-image li:nth-child(1) .hero-top-ttl {top: 50px;}
.hero-top-image li:nth-child(2) .hero-top-ttl {bottom: 170px;text-align: right;}
.hero-top-image li:nth-child(3) .hero-top-ttl {bottom: 170px;}
.hero-top-image li:nth-child(4) .hero-top-ttl {top:50%;text-align:right;}
.hero-top-image li:nth-child(4) .hero-top-ttl p:after {content: "―";margin-left: 15px;}
.hero-top-image .hero-top-ttl p {display: inline-block;font-size: 28px;font-family: dnp-shuei-ymincho-std;font-weight: 600;font-style: normal;}
.hero-top-image .hero-top-ttl p span {display:block;text-align: right;margin-top: 15px;font-size: 85%;}
.hero-top-image .hero-top-ttl p em {font-style: normal;position: relative;}
.hero-top-image .hero-top-ttl p em:before {content: "^";position: absolute;font-size: 50%;left: 50%;transform: translate(-50%);top: 20%;}
.hero-top-image .hero-top-ttl p a {color: #fff;}
.hero-top-image .hero-top-ttl p a:before {content: "―";margin-right: 15px;}
.hero-top-image .hero-top-ttl p a:after {content: "―";margin-left: 15px;}
.hero-image.slideup {height: 843px; overflow: hidden;}
.hero-image.slideup img {animation-name: fadeIn; animation-duration: 2s;top:0; z-index: 1;}
.hero-position {position: absolute;}
.hero-image.slider {overflow: hidden;}
.hero-image.slider img {left: auto;-ms-transform: none;-webkit-transform: none;transform: none;flex: none; opacity: 1;}
.hero-image.slider img:first-child {-webkit-animation: loop 100s -50s linear infinite;animation: loop 100s -50s linear infinite;-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;}
.hero-image.slider img:nth-child(2) {-webkit-animation: loop2 100s linear infinite;animation: loop2 100s linear infinite;}
.hero-title { color: #fff; text-align: center; text-shadow: 0 0 6px #333, 0 0 12px #333; z-index: 1; position: absolute; top: 300px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.hero-top .hero-title {position: relative;top: auto;left: auto;-moz-transform: none;-ms-transform: none;-webkit-transform: none;transform: none;margin-bottom: 30px;width: 380px;opacity: 0; -moz-transition: 3s; -o-transition: 3s; -webkit-transition: 3s; transition: 3s;}
.hero-title .big { margin-bottom: 40px; font-size: 28px; font-family: dnp-shuei-ymincho-std; font-weight: 600; font-style: normal; text-indent: 28px; letter-spacing: 28px; position: relative; display: block; }
.hero-title .big:after { content: ''; width: 100%; height: 2px; background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 6px #333, 0 0 12px #333; -webkit-box-shadow: 0 0 6px #333, 0 0 12px #333; box-shadow: 0 0 6px #333, 0 0 12px #333; position: absolute; bottom: -20px; left: 0; }
.hero-title .small { margin-right: -6px; font-size: 14px; font-family: dnp-shuei-ymincho-std; font-weight: 600; font-style: normal; letter-spacing: 6px; display: block; }
.hero-text { width: 210px; font-size: 12px; text-align: right; z-index: 1; position: absolute; top: 180px; left: 50%; -moz-transform: translateX(-460px); -ms-transform: translateX(-460px); -webkit-transform: translateX(-460px); transform: translateX(-460px); }
.hero-text span { width: 100%; padding: 24px 15px 22px; display: block; }
.hero-text .navy { color: #eb6b2f; background: #0f1834; }
.hero-text .orange { color: #0f1834; background: #eb6b2f; }
.hero-news {min-width: 460px;z-index: 1;position: absolute;left: 46%;bottom: 30px;-moz-transform: translateX(-530px);-ms-transform: translateX(-530px);-webkit-transform: translateX(-530px);transform: translateX(-530px);z-index: 3;}
.hero-news-title { width: 125px; padding: 12px 0; color: #fff; font-size: 14px; font-family: futura-pt; font-weight: 400; font-style: normal; text-align: center; background: #0f1834; position: relative; }
.hero-news-title i { font-size: 10px; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hero-news-items {width: 540px;background: #fff;}
.hero-news-items li { font-size: 12px; font-family: futura-pt; font-weight: 400; font-style: normal; line-height: 1.4; }
.hero-news-items a {padding: 10px 15px 10px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: flex-start;align-items: flex-start;}
.hero-news-items a:hover { background: #eee; opacity: 1; }
.hero-news-item-time { position: relative; display: block; }
.hero-news-item-category { padding: 0 10px; margin: 0 12px; color: #0f1834; border-left: 1px solid; border-right: 1px solid; }
.hero-news-item-title { flex: 1; }
.hero-news-items .attention {background: #c40d23;}
.hero-news-items .attention a {padding: 8px 15px;}
.hero-attention-item-title {font-weight: bold; color: #fff;}

.hero-text-staff {width: 100%;font-size: 14px;text-align: right;z-index: 1;position: absolute;top: 150px;}

.hero-text-staff-name {width: 1190px;font-size: 14px;text-shadow: 0px 1px 4px #666;text-align: right;z-index: 1;margin: 0 auto;}
.hero-text-staff-name span {display: block;text-align: left;}
.hero-text-staff-name .department {color: #fff;margin-bottom: 12px;line-height: 1.2;}
.hero-text-staff-name .sta_name {color: #fff;font-size: 30px;margin-bottom: 10px;}
.hero-text-staff-name .sta_name_en {/* font-family: adobe garamond pro; */color: #fff;font-size: 14px;}

.hero-text-staff-come {width: 1190px;font-size: 34px;text-align: left;z-index: 1;margin: 25px auto 0;color: #fff;text-shadow: 1px 2px 4px #000;line-height: 1.4;font-weight: bold;}
.hero-text-staff-come p {width: 620px;}
.hero-text-staff-come span { width: 100%; padding: 24px 15px 22px; display: block; }
.hero-text-staff-come .navy { color: #0f1834;}
.hero-text-staff-come .orange { color: #0f1834;}

.hero-text-topmesseage {width: 100%;font-size: 20px;text-align: left;z-index: 1;position: absolute;top: 150px;}

.hero-text-topmesseage-name {width: 1190px;font-size: 14px;text-align: left;z-index: 1;margin: 0 auto;text-shadow: 1px 2px 4px #333;padding: 0 20px;}
.hero-text-topmesseage-name span {display: block;text-align: left;}
.hero-text-topmesseage-name .department {color: #fff;margin-bottom: 20px;}
.hero-text-topmesseage-name .sta_name {color: #fff;font-size: 30px;margin-bottom: 10px;}
.hero-text-topmesseage-name .sta_name_en {/* font-family: adobe garamond pro; */color: #fff;font-size: 14px;}

.hero-text-topmesseage-come {width: 1190px;font-size: 34px;text-align: left;z-index: 1;color: #fff;text-shadow: 1px 2px 4px #000;line-height: 1.4;margin: 25px auto 0;position: relative;/* right: -15px; */font-weight: bold;}
.hero-text-topmesseage-come span { width: 100%; padding: 24px 15px 22px; display: block; }
.hero-text-topmesseage-come .navy { color: #0f1834;}
.hero-text-topmesseage-come .orange { color: #0f1834;}

/* bread
----------------------------------------------- */
.breadcrumb { width: 100%; background: #dbdde1; }
.breadcrumb-items { padding: 10px 0 9px; }
.breadcrumb-items li { color: #101835; font-size: 12px; position: relative; display: inline-block; }
.breadcrumb-items li:after { content: "\f105"; margin: 0 6px; font-family: FontAwesome; display: inline-block; }
.breadcrumb-items li:last-child:after { display: none; }
.breadcrumb-items a { color: #101835; display: inline-block; }

/* top
----------------------------------------------- */
.top-business-title { padding: 60px 0; color: #101835; font-family: dnp-shuei-mincho-pr6; font-weight: 400; font-style: normal; text-align: center; }
.top-business-title .en { margin-bottom: 10px; font-size: 38px; letter-spacing: 5px; display: block; }
.top-business-title .jp { font-size: 12px; letter-spacing: 7px; display: block; }
.top-business-items {display: -webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.top-business-items li {border-right: 1px solid #ababab;border-bottom: 1px solid #ababab;width: 20%;width: -webkit-calc((100%) / 5);width: calc((100%) / 5);}
.top-business-items li:nth-last-of-type(5n){border-right: none;}
.top-business-items li:nth-child(2).first-anime .js-curtain-inner:after { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.top-business-items li:nth-child(2).second-anime .js-curtain-inner:after { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.top-business-items li:nth-child(2).first-anime .js-curtain-inner:after { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.top-business-items li:nth-child(2).second-anime .js-curtain-inner:after { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.top-business-items li:nth-child(3).first-anime .js-curtain-inner:after { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.top-business-items li:nth-child(3).second-anime .js-curtain-inner:after { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.top-business-items li:nth-child(4).first-anime .js-curtain-inner:after { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top-business-items li:nth-child(4).second-anime .js-curtain-inner:after { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top-business-items li .js-curtain-inner {width: 100%;display: block;height: 100%;}
.top-business-items li a:hover{opacity: 1;}
.top-business-item-image {width: 100%;-webkit-filter: brightness(0.5);filter: brightness(0.5);-moz-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);-o-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);-webkit-transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);transition: all 0.4s cubic-bezier(0.05, 0.05, 0.31, 0.97);}
.top-business-items li:hover .top-business-item-image {-webkit-filter: brightness(1);filter: brightness(1);transform:scale(1.2,1.2);transition:1s all;}
.top-business-item-image img {width: 100%;transition:1s all;}
.top-business-item-title {color: #fff;font-family: dnp-suhei-mincho-pr6;font-weight: 400;font-style: normal;text-align: center;position: absolute;top: 50%;width: 100%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-shadow: 0 0 5px rgb(0 0 0 / 50%);}
.top-business-item-title:after { content: ''; width: 150px; height: 1px; background: #fff; position: absolute; bottom: 30px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-business-item-title .en {margin-bottom: 8px;font-size: 2vw;letter-spacing: 4px;display: block;font-family: dnp-shuei-mincho-pr6;font-weight: 400;}
.top-business-item-title .jp {margin-bottom: 20px;font-size: 14px;display: block;}
.top-business-item-title i { font-size: 25px; }

.top-machine{padding: 40px 0 160px;}
.top-machine-title { padding: 60px 0; color: #101835; font-family: dnp-shuei-mincho-pr6; font-weight: 400; font-style: normal; text-align: center; }
.top-machine-title .en { margin-bottom: 10px; font-size: 38px; letter-spacing: 5px; display: block; }
.top-machine-title .jp { font-size: 12px; letter-spacing: 7px; display: block; }
.top-machine-item-list{margin-left: 50%;}
.top-machine-item-list li{border-radius:12px;border:1px solid #e4e4e4;padding: 40px 20px 10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;flex-direction: row-reverse;flex-direction: row-reverse;margin-right: 320px;margin-left: -280px;min-width: 560px;min-height: 321px;}
.top-machine-item-contents{width: 284px;}
.top-machine-item-list .top-machine-thumb{width: 233px;}
.top-machine-item-list .top-machine-thumb img{margin:0 auto;}
.top-machine-item-list .top-machine-name{font-size:16px;font-weight:bold;color:#000;text-align:center;margin:0 0 20px;}
.top-machine-item-list .top-machine-name img{margin:0 auto 3%;}
.top-machine-item-list .top-machine-des{text-align:center;line-height:1.45;margin: 0 auto 7%;}
.top-machine-item-list .btn08{width: 80%;float: none;margin:0 auto;}

.top-creation { width: 100%; overflow: hidden; position: relative; }
.top-creation-inner {width: 1190px;padding: 120px 0;margin: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-justify-content: center;justify-content: center;position: relative;z-index: 1;}
.top-creation-left {width: 40%;margin: 0 40px 0 0;}
.top-creation-heading {width: 100%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;flex-direction: column;-webkit-flex-direction: column;}
.top-creation-heading p { font-size: 14px; font-family: dnp-shuei-mincho-pr6; font-weight: 400; font-style: normal; line-height: 1.6; }
.top-creation-title {font-size: 40px;font-family: dnp-shuei-ymincho-std;font-weight: 600;font-style: normal;letter-spacing: 12px;margin-bottom: 20px;}
.top-creation-more-items {margin-top: 30px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.top-creation-more-items li {font-family: dnp-shuei-mincho-pr6;font-weight: 400;font-style: normal;letter-spacing: 1px;position: relative;width: 46%;}
.top-creation-more-items li:nth-child(even) a { color: #eb6b2f; }
.top-creation-more-items a { padding: 15px 4px; border-bottom: 1px solid; }
.top-creation-more-items i { margin-left: 10px; }
.top-creation-staff { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; }
.top-creation-right {width: 40%;}
.top-creation-bg { width: 100%; height: 100vh; background: url(../images/bg02.jpg) repeat center; position: absolute; top: 0; left: 0; }
.top-creation-staff-more { padding: 15px 4px; font-family: dnp-shuei-mincho-pr6; font-weight: 400; font-style: normal; letter-spacing: 1px; border-bottom: 1px solid; position: relative; }
.top-creation-staff-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-creation-staff-items li { width: 118px; margin-left: 1px; }
.top-creation-staff-items img { width: 100%; }

.top-pickup { width: 100%;background: #cccccc; }
.top-pickup-item-image { width: 100%; }
.top-pickup .inner{padding:60px;}


/* second
----------------------------------------------- */
.article-heading { padding: 45px 0; margin-bottom: 50px; background: url(../images/bg02.jpg) repeat top center; }

.second-content {min-height: 500px;margin-bottom: 100px;}
.second-content p { margin-bottom: 30px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; }
.second-content-staff {min-height: 500px;margin-bottom: 100px;margin-top: 50px;}
.second-content-staff p { margin-bottom: 30px; text-align: justify; text-justify: inter-ideograph; line-height: 1.8; }


/* about
----------------------------------------------- */

/* concept
----------------------------------------------- */
.concept_midashi02{background: url(../images/concept_bg_img.jpg) no-repeat top center;height: 663px;margin-bottom: 100px;position: relative;}
/*.concetp_ttl{background: url(../images/concept_ttl_l.png) no-repeat top 138px left 455px,url(../images/concept_ttl_r.png) no-repeat bottom 193px right 469px;}*/
.concept_ttl{text-align: center;padding-top: 140px;}
.concept_ttl p{text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 20px;color: #fff;line-height: 2;}
.concept_ttl h3{font-size: 80px;padding: 30px 60px;letter-spacing: 20px;display: inline-block;background: url(../images/concept_ttl_l.png) no-repeat left top, url(../images/concept_ttl_r.png) no-repeat right bottom;text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;color: #fff;margin-bottom: 60px;}
.concept_ttl h4{text-align: center;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 27px;color: #fff;margin-bottom: 40px;}

.concept_intro{width: 100%;text-align: center;margin-bottom: 80px;}
.concept_intro p{text-align: center;}
.concept_intro p.intro_midashi{text-align: center;position: relative;display: inline-block;margin-bottom: 50px;font-size: 30px;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;color: #101835;}

.concept_intro p.intro_midashi:before {content: '';position: absolute;bottom: -15px;display: inline-block;width: 60px;height: 1px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #101835;border-radius: 2px;}

ul.eight_box{margin-bottom: 100px;}
ul.eight_box li{border: solid 1px #858fb4;width: 800px;margin: 0 auto 20px;padding-top: 18px;padding-bottom: 22px;background: url(../images/concept_policy_l.png) no-repeat top left,url(../images/concept_policy_r.png) no-repeat bottom  right;}
ul.eight_box li:nth-child(even){border: solid 1px #858fb4;width: 800px;margin: 0 auto 20px;padding-top: 18px;padding-bottom: 22px;background: url(../images/concept_policy_l.png) no-repeat top left,url(../images/concept_policy_r.png) no-repeat bottom  right; background-color: #f5f7f9;}
ul.eight_box li p span{color: #858fb4;display: block;font-size: 20px;}
ul.eight_box li p{font-size: 24px;color: #101835;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;text-align: center;margin-bottom: 0;}

ul.eight_box .ttl{display: block;font-size: 150%;}


/* message
----------------------------------------------- */
.message { margin:0 auto 80px;}
.message .sec { margin:0 auto 30px;}
.message .sec p {text-align:justify;text-justify:auto;line-height: 2.9;}
.message .sec p b{color: #101835;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 22px;letter-spacing: 3px;}
.message .sec p span{border-bottom: dotted 1px #D7D5D5; padding-bottom: 9px;}

.soshiki img{margin: 0 auto;}

iframe.map_osaka{margin-bottom: 100px;}

/* vision
----------------------------------------------- */

/* company
----------------------------------------------- */
.company_intro{margin-bottom: 60px;}

.company_adress ul li {display: inline-block;margin-right: 10px;}
.company_adress ul li:last-child {margin-right: 0;}
img.honsha{margin: 20px 0 10px;}

/*テーブル*/
.company_t {width: 1190px;margin:20px auto 30px;border: 1px solid #b2b7ba;}
.company_t tr {border-bottom: 1px solid #b2b7ba;}
.company_t tr:last-child {border-bottom:none;}
.company_t tr th {padding:18px;background-color: #101835;color: #fff;width: 22%;vertical-align: middle;text-align:center;font-size:90%;opacity:0.95;}
.company_t tr td {padding:30px;vertical-align:top;vertical-align:middle;background-color:#fff;line-height:1.5;opacity:0.95;}
.company_t tr td span{font-weight: bold;display: block;}
.company_t tr:nth-child(even) td {background-color:#f5f7f9;letter-spacing: 1px;line-height: 1.9;}
.company_t a{display:inline;padding-left:2px;color: #eb6b2f;}
.company_t a.icon{font-size:1.2em;}
.company_t a:hover {text-decoration:underline;}
.company_t a.icon:hover{text-decoration: none;}
.company_t tr td img{ display:inline-block;}

/*マップ*/
.company_map{margin-bottom: 80px;}

/*ライトボックス*/
.gallery {/* margin:0 auto 50px; */width: 900px;}
.gallery p{ margin-bottom:20px; font-size:14px; color:#666;}
.gallery ul {margin:0 auto 20px;text-align: left;}
.gallery ul li{ display:inline-block; margin-right:15px; margin-bottom:20px;}
.gallery ul li:nth-child(4n){ margin-right:0;}


/* staff
------------------------------------------------------------------*/
ul.staff {width: 1190px;text-align: left;margin: 50px auto 0;font-size: 0;}
ul.staff li {display:inline-block;width: 25%;margin: 0 0 8px;}
ul.staff li img {width: 100%;margin: 0 auto;}
ul.staff li p{text-align: left;font-size: 19px;margin: 0 auto 5px;font-family: dnp-shuei-gothic-kin-std, 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 1;}
ul.staff li p span{display: block;color: #858fb4;;margin: 10px auto 4px;font-family: adobe garamond pro;font-size: 14px;}


/*スタッフ詳細ページ*/
.coment_midashi{margin-bottom: 100px;}
.stafftext{float: left;margin-top: 15px;margin-left: 50px;}
.staff_coment { margin:0 auto 30px;}
.staff_coment img {float:right;margin: 15px 57px 0 0;}
.sstaff_coment .staff_t {float:left;width: 671px;text-align:justify;text-justify:auto;line-height: 2.9;}
.sstaff_coment p b{color: #101835;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 22px;letter-spacing: 3px;}
.sstaff_coment p span.under{border-bottom: dotted 1px #D7D5D5; padding-bottom: 9px;}

.staff_coment ul li.position{font-size: 17px;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color: #101835;margin-bottom: 20px;}
.staff_coment ul li.e_name{font-family: adobe garamond pro;color: #858fb4;font-size: 14px;margin-bottom: 10px;}
.staff_coment ul li.j_name{font-size: 28px;margin-bottom: 15px;}

.come{border: 1px solid #c3c8d8;padding: 38px 50px 10px;margin-bottom: 50px;}
.come p{line-height: 2.2;}

/*テーブル*/
.staff_t {width: 855px;/* margin: 15px auto 30px; */border: 1px solid #b2b7ba;}
.staff_t tr {border-bottom: 1px solid #b2b7ba;}
.staff_t tr:last-child {border-bottom:none;}
.staff_t tr th {padding: 6px;background-color: #101835;color: #fff;width: 32%;vertical-align: middle;text-align:center;font-size: 85%;opacity:0.95;}
.staff_t tr td {padding: 13px;vertical-align:top;vertical-align:middle;background-color:#fff;line-height: 1.6;opacity:0.95;}
.staff_t tr:nth-child(even) td {background-color:#f5f7f9;}
.staff_t  a{ display:inline;  text-decoration:underline; font-size:1.2em; padding-left:2px;}
.staff_t tr td img{ display:inline-block; margin-right:6px;}


/*スタッフ紹介ページ*/
.staff .staff_introduction {margin-bottom: 7px;}
.staff .staff_introduction li { margin-bottom: 100px;}
.staff .staff_introduction li .text img { float: left; margin: 0 30px 0 0;}
.staff .staff_introduction li:nth-child(even) .text img {float: right;margin: 0;}
.staff .staff_introduction li .text p {float: right;margin: 0 0 30px 0;}
.staff .staff_introduction li:nth-child(even) .text p {float: left;margin: 0 30px 30px 0;}
.staff .staff_introduction .text p{width: 730px;}
.staff .staff_introduction .text p.midashi{font-size: 22px;font-weight: bold;color: #101835;margin-bottom: 20px;}
.staff .staff_introduction li:nth-child(even) .text p.midashi{font-size: 22px;font-weight: bold;color: #101835;margin-bottom: 20px;}

ul.staff_name li.position{font-size: 17px;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;color: #101835;margin-bottom: 20px;}
ul.staff_name li.e_name{/*font-family: adobe garamond pro;*/color: #858fb4;font-size: 14px;margin-bottom: 5px;}
ul.staff_name li.j_name{font-size: 28px;margin-bottom: 25px;}

.myphoto{border: 1px solid #bfbfbf;padding: 35px;}
.myphoto img{float: left; margin: 0 30px 0 0;}
.myphoto p.midashi{font-size: 22px;font-weight: bold;color: #101835;margin-bottom: 10px;}


/*スタッフマウスオン*/
.sample1 {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}
.sample1 i {font-size: 26px;position: absolute;left: 140px;top: 165px;color: #fff;}
.sample1 .caption {
	font-size: 150%;
	text-align: 	center;
	padding-top: 85px;
	color:			#fff;
	line-height: 1.3;
}
.sample1 .noposition{
	font-size: 150%;
	text-align: 	center;
	padding-top: 100px;
	color:			#fff;
	line-height: 1.3;
}
.sample1 .caption:after {content: '';width: 140px;height: 1px;background: #fff;position: absolute;bottom: 130px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.sample1 .noposition:after {content: '';width: 140px;height: 1px;background: #fff;position: absolute;bottom: 130px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.sample1 .caption span{display: block;font-size: 14px;}
.sample1 .noposition span{display: block;font-size: 14px;}
.sample1 .caption span.fullname{display: block;font-size: 28px;}
.sample1 .noposition span.fullname{display: block;font-size: 28px;}
.sample1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.7);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.sample1:hover .mask {
	opacity:		1;	/* マスクを表示する */
}


/* group
----------------------------------------------- */
dl.menulist{width: 960px;margin: 0 auto;margin: 0 auto 50px;padding: 31px 12px 31px;border: 1px solid #101835;background: #fff;}
dl.menulist a{display:inline;font-size:1.2em;padding-left:2px;color: #eb6b2f;}
dl.menulist .btn02 a{text-decoration:none;color: #fff;}
dl.menulist dt{font-size: 24px;border-bottom: solid 1px #101835;margin: 0 auto 20px;padding: 0 10px 20px;color: #101835;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
dl.menulist dt span{font-size: 17px; }
dl.menulist dt b { font-size:80%;}
dl.menulist dd {float: right;font-size: 23px;}
dl.menulist dd b {font-size: 60%;}
dl.menulist dd span { color: #fff; background: #a98f43; padding: 3px 6px; font-size: 70%;}
dl.menulist img {display: inline-block; width: 349px; vertical-align: top; margin: 0 20px 0 0;}
dl.menulist .img_l img { margin:0 auto 10px;}

dl.menulist .menu-contents { display: inline-block; width: 500px;}
dl.menulist .menu-contents p{font-size: 20px;font-family: dnp-shuei-gothic-kin-std, 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color: #666;}
dl.menulist .menu-contents p span {color: #a98f43;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-size: 23px;line-height: 1.5;}

.btn02 {/* margin:0 auto 30px; */width: 50%;text-align:center;color:#fff !important;background: #101835;/* border-radius: 6px; */eight: bold;padding: 12px 20px 18px;font-family: dnp-shuei-gothic-kin-std, 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 1;}
.btn02 b:after {content: "\f105";margin: 0 0 0 20px;font-family: FontAwesome;display: inline-block;}
.btn02 a { color:#fff; padding: 18px;text-decoration: none;}

.btn03 {/* margin:0 auto 30px; */width: 25%;text-align:center;color:#fff !important;background: #101835;/* border-radius: 6px; */eight: bold;padding: 2px 20px 2px;font-family: dnp-shuei-gothic-kin-std, 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;line-height: 1;}
.btn03 b:after {content: "\f105";margin: 0 0 0 20px;font-family: FontAwesome;display: inline-block;}
.btn03 a { color:#fff; padding: 18px;text-decoration: none;}

.btn04 {margin:15px 0 0;width: 12%;text-align:center;color:#fff !important;background: #0f1835;/* border-radius: 6px; *//*font-weight: bold*/font-size: 14px;float: right;padding: 1 0;}
.btn04.left {float: left;}
/*.btn04 b:after { content: "\f105"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }*/
.btn04 a {color:#fff;padding: 9px;}

.btn05 {width: 97%;text-align:center;color:#fff !important;background: #fff;border: 1px solid #0f1835;margin-left: 10px;}
.btn05 b:after { content: "\f105"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }
.btn05 b:before { content: "\f1c1"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }
.btn05 a {color: #0f1835;padding: 12px;}

.btn06 {margin:15px 0 0;width: 50%;text-align:center;color:#fff !important;background: #a39588;/* border-radius: 6px; *//*font-weight: bold*/}
.btn06 b:after { content: "\f105"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }
.btn06 a { color:#fff; padding: 18px;}

.btn07 {margin:15px 0 0;width: 20%;text-align:center;color:#fff !important;background: #0f1835;/* border-radius: 6px; *//*font-weight: bold*/ margin-bottom: 50px;}
.btn07 b:after { content: "\f105"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }
.btn07 a { color:#fff; padding: 18px;}

.btn08 {margin: 15px 277px 0 0;width: 23%;text-align:center;color:#fff !important;background: #0f1835;/* border-radius: 6px; *//*font-weight: bold*/float: right;}
.btn08 b:after { content: "\f105"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }
.btn08 a { color:#fff; padding: 18px;}

.btn09 {margin: 15px 0 0 0;width: 23%;text-align:center;color:#fff !important;background: #0f1835;/* border-radius: 6px; *//*font-weight: bold*/float: left;}
.btn09 b:after { content: "\f105"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }
.btn09 a { color:#fff; padding: 18px;}

.btn10 {width: 28%;text-align:center;color:#fff !important;background: #fff;border: 1px solid #0f1835;/* margin-left: 10px; */}
.btn10 b:after { content: "\f105"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }
.btn10 b:before { content: "\f1c1"; margin: 0 8px; font-family: FontAwesome; display: inline-block; }
.btn10 a {color: #0f1835;padding: 12px;}

/* archives
----------------------------------------------- */

/* product
----------------------------------------------- */

/* consulting
----------------------------------------------- */
.consulting .introduction {margin-bottom: 7px;}
.consulting .introduction li { margin-bottom: 100px;}
.consulting .introduction li .text img { float: left; margin: 0 30px 0 0;}
.consulting .introduction li:nth-child(odd) .text img {float: right;margin: 0;}
.consulting .introduction li .text p {float: right;margin: 0 0 30px 0;}
.consulting .introduction li:nth-child(odd) .text p {float: left;margin: 0 30px 30px 0;}
.consulting .introduction .text p{width: 550px;}
.consulting .introduction .text p.midashi{font-size: 28px;font-weight: bold;color: #101835;margin-bottom: 20px;line-height: 1.5;}
.consulting .introduction li:nth-child(even) .text p.midashi{font-size: 28px;font-weight: bold;color: #101835;margin-bottom: 20px;line-height: 1.5;}
.consulting .introduction .seminar_btns .btn09 {width: 270px;margin: 0 20px 0 0;}

.consulting .price_tables .midashi04{font-size: 28px;font-weight: bold;}
.consulting .price_tables .btn09{margin: 40px 0 0;width: 100%;}

/* esthe
----------------------------------------------- */
.esthe .introduction {margin-bottom: 7px;}
.esthe .introduction li { margin-bottom: 100px;}
.esthe .introduction li .text img { float: left; margin: 0 30px 0 0;}
.esthe .introduction li:nth-child(odd) .text img {float: right;margin: 0;}
.esthe .introduction li .text p {float: right;margin: 0 0 30px 0;}
.esthe .introduction li:nth-child(odd) .text p {float: left;margin: 0 0 30px 0;width: 50%;}
.esthe .introduction .text p{width: 550px;}
.esthe .introduction .text p.midashi{font-size: 28px;font-weight: bold;color: #101835;margin-bottom: 20px;}
.esthe .introduction li:nth-child(even) .text p.midashi{font-size: 28px;font-weight: bold;color: #101835;margin-bottom: 20px;line-height: 1.5;}

/* sales
----------------------------------------------- */
.sales .introduction {margin-bottom: 7px;}
.sales .introduction li { margin-bottom: 100px;}
.sales .introduction li .text img { float: left; margin: 0 30px 0 0;}
.sales .introduction li:nth-child(odd) .text img {float: right;margin: 0;}
.sales .introduction li .text p {float: right;margin: 0 0 30px 0;}
.sales .introduction li:nth-child(odd) .text p {float: left;margin: 0 30px 30px 0;}
.sales .introduction .text p{width: 550px;}
.sales .introduction .text p.midashi{font-size: 28px;font-weight: bold;color: #101835;margin-bottom: 20px;line-height: 1.5;}
.sales .introduction li:nth-child(even) .text p.midashi{font-size: 28px;font-weight: bold;color: #101835;margin-bottom: 20px;line-height: 1.5;}


/* seminar
----------------------------------------------- */

/* recruit
----------------------------------------------- */
ul.occupation li{display: inline-block;width: 500px;margin-bottom: 30px;}
ul.occupation{margin-bottom: 30px}

.recruit_main{margin-top: 100px;}
.recruit_main ul{width: 100%; margin: 0 auto;text-align: center;}
.recruit_main ul li{display: inline-block;}
.recruit_main ul li:first-child{margin-right: 80px;}

/* recruit_lenard
----------------------------------------------- */

/*table*/
.recruit_t {width: 960px;margin: 20px auto 90px;border: 1px solid #b1aeae;}
.recruit_t tr {border-bottom: 1px solid #b1aeae;}
.recruit_t tr:last-child {border-bottom:none;}
.recruit_t tr th {padding:18px;background-color: #ebebeb;color:#11234e;width:28%;vertical-align: middle;text-align:center;font-size:90%;opacity:0.95;}
.recruit_t tr td { padding:18px; vertical-align:top; vertical-align:middle; background-color:#fff; line-height:1.5; opacity:0.95;}
.recruit_t  a{ display:inline;  text-decoration:underline; font-size:1.2em; padding-left:2px;}
.recruit_t tr td img{ display:inline-block; margin-right:6px;}

.recruit_lenard .step { margin:0 auto;}
.recruit_lenard .step li { position:relative; min-height: 330px;padding: 38px 0;border-bottom:1px solid #B2B2B2;}
.recruit_lenard .step li:after{content: "";position: absolute;bottom: 0;left: 50%;width: 30px;height: 30px;border-right: 1px solid #B2B2B2;border-bottom: 1px solid #B2B2B2;background-color: #fff;-webkit-transform: rotate(45deg) translate(0, 75%);transform: rotate(45deg) translate(0, 75%);z-index: 1;}
.recruit_lenard .step li:last-child{ border:none;}
.recruit_lenard .step li:last-child:after{ display:none; }
.recruit_lenard .step li img { float:right;}
.recruit_lenard .step li dl { float:left; width:540px; }
.recruit_lenard .step li dl dt span {color: #101835;border: 1px solid #101835;padding:5px 14px;margin-right:8px;font-size:80%;font-family: circe-slab-a;font-weight: 700;font-style: normal;}
.recruit_lenard .step li dl dt.r_flow {font-size:19px;margin-bottom:15px;font-weight:bold;color: #101835;line-height:2;}
.recruit_lenard .step li dl dt.r_flow b { font-size:80%; margin-left:5px;}
.recruit_lenard .step li dl dd { line-height:1.8; font-size:15px; text-align:justify; text-justify:auto;}
.recruit_lenard .step li dl dd b { font-weight:bold;}
.recruit_lenard .step .btn02 { margin:15px 0 0 ;}


/* recruit_group
----------------------------------------------- */
.box_frame.qa {padding: 30px 45px 45px;}
.box_frame.qa:last-child { margin-bottom:0;}
.box_frame.qa .tt { margin-left:0; margin-bottom:2em;}
.qabox { margin-bottom:30px;}
.box_frame.qa .qabox:last-child {margin:0px;}
.qabox:after { content:""; display:block;
width:100%; height:4px; background:url(../images/line_dd2.gif) repeat center;}
.box_frame.qa .qabox:last-child:after { content:none; margin-bottom:0;}
.qabox dt, .qabox dd { position:relative; padding-left:65px; min-height:48px;}
.qabox dt:before, .qabox dd:before { content:""; display:block; position:absolute;
width:48px; height:48px; left:0; top:0; background:url(../images/qaq.jpg) no-repeat center;}
.qabox dd:before { background:url(../images/qaa.jpg) no-repeat center;}
.qabox dt {font-size:180%; line-height:1.6;margin-bottom:1em;color: #11234e;}
.qabox dd {margin:0px 0 30px;}
.box_frame.qa .qabox:last-child dd {margin:0px;}
.qabox dt p.title,
.qabox dd p.title{ color:#ff7480;font-size:120%;}

.box_frame {border:10px solid #fff;background:#FFF;padding:110px 70px 70px;/* -webkit-box-shadow:0px 0px 0px 1px #8891a6 inset; */position:relative;-moz-box-shadow:0px 0px 0px 1px #8891a6 inset;/* box-shadow:0px 0px 0px 1px #8891a6 inset; */margin-bottom: 140px;}

.box_frame .tt {color:#000000;font-size:140%;font-weight:600;
display: inline-block;letter-spacing:2px;position: relative;z-index:1;margin-left: -.8em;}
.box_frame .tt:before {content:"";display:block;width:100%;height:1.2em;background: #ecb3a6;position:absolute;bottom:0;z-index:-1;}

.button01 {width: 315px;padding: 23px 0;margin: 0 auto 40px;color: #fff;font-family: dnp-shuei-gothic-kin-std, 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 400;font-style: normal;text-align: center;background: #11234e;font-size: 20px;}
.button01 i {margin-left: 20px;}
.button02 { width: 315px; padding: 13px 0; margin: auto; color: #fff; font-family: yu-mincho-pr6, 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo; font-weight: 400; font-style: normal; text-align: center; background: #a39588; font-size: 20px;}
.button02 i {margin-left: 20px;}

.button03 { width: 315px; padding: 23px 0; margin: auto; color: #fff; font-family: yu-mincho-pr6, 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo; font-weight: 400; font-style: normal; text-align: center; background: #11234e; font-size: 20px;}
.button03 i {margin-left: 20px;}
a.button03{text-decoration: none;}


/* menu tab------ */
.select_menu{border: 1px solid #11234e;}
.select_menu .li{position:relative;}
.select_menu .li{height: 70px;background: #11234e;display: table;table-layout: fixed;width: 100%;}
.select_menu .li p{ position:relative; cursor:pointer; display: table-cell; overflow: hidden; vertical-align: middle; color: #FFF; font-weight: 900; height: 100%; font-size: 110%; text-align:center; line-height: 1.2; font-family: 'Montserrat', sans-serif; }
.select_menu .li p:nth-child(n+2):after {content:"";display:block;height: 70px;width:1px;background: #f7f2eb;position:absolute;left:0;top:0;}
.select_menu .li p.active {color: #11234e;background: #f7f2eb;}
.qa .select_menu .li p.active {color: #11234e;background: #FFF;}

/*table*/
.recruit_t02 {width: 850px;margin: 20px auto 90px;border: 1px solid #b1aeae;}
.recruit_t02 tr {border-bottom: 1px solid #b1aeae;}
.recruit_t02 tr:last-child {border-bottom:none;}
.recruit_t02 tr th {padding:18px;background-color: #ebebeb;color:#11234e;width:28%;vertical-align: middle;text-align:center;font-size:90%;opacity:0.95;}
.recruit_t02 tr td { padding:18px; vertical-align:top; vertical-align:middle; background-color:#fff; line-height:1.5; opacity:0.95;}
.recruit_t02  a{ display:inline;  text-decoration:underline; font-size:1.2em; padding-left:2px;}
.recruit_t02 tr td img{ display:inline-block; margin-right:6px;}


/* recruit
----------------------------------------------- */
.recruit_info { margin-bottom: 150px; }
.recruit_info li { margin-bottom: 30px; }
.recruit_info li dl.recruit_accordion > dt {padding: 12px 50px 14px 60px;color: #fff;background: #8e8a8a;position: relative;font-size: 20px;line-height: 1.4;}
.recruit_info li dl.recruit_accordion:after{ -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.recruit_info li dl.recruit_accordion > dt:before {content: '';width: 26px;height: 1px;background: #fff;position: absolute;top: 50%;right: 18px;}
.recruit_info li dl.recruit_accordion > dt:after {content: '';width: 1px;height: 26px;background: #fff;position: absolute;top: 50%;right: 30px;margin-top: -12px;}
.recruit_info li dl.recruit_accordion > dd {position: relative;display: none;line-height: 1.8;text-align: justify;text-justify: inter-ideograph;}


/* news
----------------------------------------------- */
ul.news {width: 850px;float: left;}
ul.news li{border-bottom: 1px dotted; padding-bottom: 15px;margin-bottom: 20px;}
ul.news li dl dt{margin-bottom: 15px;}
ul.news li dl dt span a {background: #171943;padding:6px 12px;color:#fff;display:inline;line-height:2;margin-left: 10px;font-size: 14px;}
ul.news li dl dt span a.cat_media {background: #c0272c;}

.news_content {width: 850px;float: left;}
.news_content dt{margin-bottom: 15px;border-bottom: 1px dotted;padding-bottom: 10px;}
.news_content dt span a {background: #171943;padding:6px 12px;color:#fff;display:inline;line-height:2;margin-left: 10px;font-size: 14px;}
.news_content dt span a.cat_media {background: #c0272c;}
.news_content dd{line-height: 1.5;margin-bottom: 40px;}

.news_content dd .btn10 {margin-top: 5%;}

.archive{float:right;width: 280px;}
.archive .years{font-family:adobe garamond pro; border-bottom: 2px solid #cccccc;padding-bottom: 10px;margin-bottom: 20px;font-size: 20px;}
.archive li{margin-bottom: 20px;}
.archive li em {font-size: 80%; color: #0f1835;}
.archive li p {margin-bottom: 10px;}
.archive li ul li {padding-left: 25px;margin-bottom: 10px; position:relative;}
.archive li ul li:before {content: "";width: 15px;height:1px;background: #0f1835;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);}

.pp-list {counter-reset: wpp-ranking;}
.pp-list li {line-height: 1.4;}
.pp-list li:before {content: counter(wpp-ranking, decimal);counter-increment: wpp-ranking;position: absolute;background: #0f1835;width: 22px;color: #fff;text-align: center;}
.pp-list li:after {content: ""; clear:both; display:block;}
.pp-list li em {display: block; margin-bottom: 4px; line-height: 1;}

.wp-pagenavi a {width: 100px;text-align: center;color: #fff;background: #0f1835;font-size: 14px;padding: 9px;}
.wp-pagenavi a.previouspostslink {float: left;}
.wp-pagenavi a.nextpostslink {float: right;}
.wp-pagenavi:after {content: ""; display:block; clear: both;}

/* news_media
----------------------------------------------- */
ul.news_media {width: 850px;float: left;}
ul.news_media li{border-bottom: 1px dotted; padding-bottom: 15px;margin-bottom: 20px;}
ul.news_media li dl dt{margin-bottom: 15px;}
ul.news_media li dl dd{display: inline-block;}
ul.news_media li dl dt span a {background: #171943;padding:6px 12px;color:#fff;display:inline;line-height:2;margin-left: 10px;font-size: 14px;}
ul.news_media li dl dt span a.cat_media {background: #c0272c;}

ul.news_media_content {width: 850px;float: left;}
ul.news_media_content li dl dt{margin-bottom: 15px;border-bottom: 1px dotted;padding-bottom: 10px;}
ul.news_media_content li dl dt span a {background: #171943;padding:6px 12px;color:#fff;display:inline;line-height:2;margin-left: 10px;font-size: 14px;}
ul.news_media_content li dl dt span a.cat_media {background: #c0272c;}
ul.news_media_content li dl dd{width: 750px; line-height: 1.5;}


/* column
----------------------------------------------- */
.column {width: 850px;float: left;}
.column ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;}
.column li{width: 31%;margin: 0 3.5% 4% 0;}
.column li:nth-child(3n) {margin-right: 0;}
.column li img {max-width: 100%;}
.column li dl dt{font-size: 80%;color: #aaa;margin-top: 10px;}
.column li dl dd{margin-top: 5px;font-weight: 600;line-height: 1.4;font-size: 90%;}


/* sitemap
----------------------------------------------- */
.sitemap_wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items: flex-start;gap: 50px 47px;}
.sitemap-items {width: 48%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.sitemap-items .ttl {font-size: 20px;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;border-bottom: none;width: 100%;background: #f9f9f9;text-align: center;padding: 20px 10px;}
.sitemap-items li {width: 100%;}
.sitemap-items li a {border-bottom: 1px dotted #B3ACA9;padding: 20px 10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.sitemap-items li a:after{content: "\f105";font-family: FontAwesome;color: #ccc;}


/* guide
----------------------------------------------- */
p.danraku{text-indent: -0.8rem;padding-left: 1em;margin-bottom: 0;}
p.danraku_last{text-indent: -0.8rem;padding-left: 1em;margin-bottom: 30px;}
p.danraku_02{text-indent: -1.1rem;padding-left: 2em;margin-bottom: 0;padding-right: 2rem;}
p.danraku_02_last{text-indent: -0.8rem;padding-left: 1em;margin-bottom: 30px;}

/* privacy
----------------------------------------------- */
ul.privacy{margin-bottom: 80px;}
ul.privacy li{ margin:3rem 0; font-size:14px;}
ul.privacy li .midashi04 { font-size:16px; margin:0 auto 12px;}
ul.privacy li.antisocial_sign p{text-align: right;}
ul.privacy .midashi05{margin-bottom: 1rem;}
ul.privacy .num{font-size: 120%;margin-right: 0.2rem;}
ul.privacy .des{margin-bottom: 3rem;}
ul.privacy .des.select{margin-bottom: 0.8rem;}
ul.privacy .pry_list{display: block;padding-left:1em;text-indent:-1em;}
ul.privacy_specific li{text-indent: -0.8rem;padding-left: 1em;margin-bottom: 0;line-height: 1.7;}
ul.privacy_specific li:last-child{margin-bottom: 40px;}



/* law
----------------------------------------------- */
.low_cont{margin-bottom: 150px}


/* antisocial
----------------------------------------------- */

/* history
----------------------------------------------- */
.timeline {padding: 0 60px;margin-bottom: 100px;}
.timeline li {  overflow: hidden;  margin: 0;  position: relative;}
.timeline .timeline-date {width: 90px;display: inline-block;margin-top: 10px;text-align:right;padding-right:20px;color: #101835;font-weight: bold;}
.timeline .timeline-content {width: 800px;display: inline-block;border-left: 1px #101835 solid;padding:0 0 10px 30px;vertical-align: top;font-size: 1.6rem;line-height: 1.6;}
.timeline .timeline-content:before {content: '';width: 12px;height: 12px;background: #101835;position: absolute;left: 89px;top: 16px;border-radius: 100%;}

.timeline li li {padding-top:10px;font-size: 16px;}
.timeline li li span {font-weight:bold;color: #101835;}

/* organization
----------------------------------------------- */


.soshiki{margin-bottom: 150px;}
.company_chart {margin-bottom: 150px;}
.company_chart_ttl {text-align: center;max-width: 960px;margin: 0 auto 80px;position:relative;}
.company_chart_ttl:before {content: "";width: 100%;height: 1px;background: #101835;position: absolute;left: 0;top: 45%;z-index: -1;}
.company_chart_ttl h3 {display: inline-block;font-size: 28px;color: #101835;font-family: dnp-shuei-mincho-pr6;font-weight: 400;font-style: normal;text-align: center;background: #fff;padding: 0 3%;}

/* property
----------------------------------------------- */
h2.property_midashi{font-size: 30px;border-bottom: 1px solid #101835;width: 630px;color: #101835;margin-bottom: 20px;}

/* bymach
----------------------------------------------- */
.bunner_main ul{width: 100%;text-align: center;margin: 80px auto 0;}
.bunner_main ul li{margin: 0 2% 5%;display: inline-block;width: 45%;vertical-align: top;}
.bunner_main ul li img{margin: 0 auto;text-align: center;width: 100%;}
.bunner_main ul li p{margin-top: 20px;min-height: 125px;}
.bunner_main ul li p.esthesalon_name{margin-top: 20px;font-size: 20px;font-weight: bold;text-align: center;border-bottom: 1px solid;padding-bottom: 10px;}

/* media
----------------------------------------------- */
.media ul.book {width: 1190px;margin:0 auto 100px;/* text-align: center; */display: flex;flex-wrap: wrap;}
.media ul.book li {background: #fff;border: 3px solid #e7e8ec;-moz-box-shadow: 5px 5px 0 #e7e2d7;-webkit-box-shadow: 5px 5px 0 #e7e2d7;box-shadow: none;margin: 0 20px 34px 36px;padding:30px;width: 45%;display: inline-block;}
.media ul.book li:nth-child(even){margin: 0px 40px 20px 10px;}
.media ul.book li:nth-child(odd){margin: 0px 10px 20px 49px;}
.media ul.book li img {margin: 0 auto;}
.media ul.book .txt {vertical-align: top;}
.media ul.book .txt p{font-size: 13px;}
.media ul.book .txt p.date {display: inline-block;background: #e7e8ec;margin-bottom: 10px;padding: 2px 10px;color: #101835;font-size: 14px;}
.media ul.book li .txt p.ttl {padding: 0 0 10px;margin-bottom:15px;border-bottom: 1px dotted #101835;color: #101835;font-size: 19px;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;font-feature-settings : "palt";letter-spacing: 1px;line-height: 1.3;}

/* machine
----------------------------------------------- */
.machine .introduction {margin-bottom: 7px;}
.machine .introduction li { margin-bottom: 100px;}
.machine .introduction li .text img {float: left;margin: 0 30px 0 0;width: 576px;}
.machine .introduction li:nth-child(odd) .text img {float: right;margin: 0;}
.machine .introduction li .text p {float: right;margin: 0 0 30px 0;}
.machine .introduction li:nth-child(odd) .text p {float: left;margin: 0 30px 30px 0;}
.machine .introduction .text p{width: 550px;}
.machine .introduction .text p b{font-size: 13px;}
.machine .introduction .text p span.link_p{display: block;margin-top: 20px;}
.machine .introduction .text p span.link_p a{display:inline;font-size:1.2em;padding-left:2px;color: #eb6b2f;}
.machine .introduction .text p.midashi{font-size: 28px;font-weight: bold;color: #101835;margin-bottom: 20px;line-height: 1.5;}
.machine .introduction li:nth-child(even) .text p.midashi{font-size: 28px;font-weight: bold;color: #101835;margin-bottom: 20px;line-height: 1.5;}
.machine .machine_link_wra{padding: 0 20px 20px;background: #fafafa;display: inline-block;width: 100%;margin-top: 20px;text-align: center;}


/* doc
----------------------------------------------- */
.youtube {  position: relative;  width: 100%;  padding-top: 56.25%;}
.youtube iframe {  position: absolute;  top: 0;  right: 0;  width: 100%;  height: 100%;}
.req ul {	list-style: disc;	margin: 0 0 30px 1.5em;}
.req ul li {	list-style: disc;	line-height: 2.5em;}
.req ul a { color: #eb6b2f;}


/* school
----------------------------------------------- */


.school-content {width: 960px;margin: 0 auto 100px;}
.school-midashi02 {text-align: center; position:relative;margin: 0 auto 40px;}
.school-midashi02 span {font-size: 30px;color: #101835; background: #fff; position:relative; z-index: 3; padding: 0 20px;}
.school-midashi02:before {content:""; position:absolute; width: 100%; height: 2px; left: 0; background: #b2b7ba; top: 40%;}
.school-midashi02:after {content:""; position:absolute; width: 100%; height: 1px; left: 0; background: #b2b7ba; top: 56%;}
.school-midashi03 {text-align: center;font-size: 22px;color: #101835;line-height: 1.6;margin-bottom: 30px;}
.school-content .school-txt {text-align: center;font-size: 18px;margin-bottom: 40px;}
.school-box {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.school-box dl {width: 457px;padding: 20px 30px 40px;border: 1px solid #bec3d7;margin-bottom: 50px; position:relative;}
.school-box dl:nth-child(2),
.school-box dl:nth-child(3) {background: #f5f6f9;}
.school-box dl:before,
.school-box dl:after {content:""; position:absolute;}
.school-box dl:before { border-top: 18px solid #bec3d7; border-right: 18px solid #fff0; left: 0; top: 0;}
.school-box dl:after { border-bottom: 18px solid #bec3d7; border-left: 18px solid #fff0; right: 0; bottom: 0;}
.school-box dt {font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo;font-size: 23px;text-align: center;color: #101835;position:relative;padding-bottom: 20px;margin-bottom: 20px;}
.school-box dt:after {content: "";position:absolute;width: 100px;height: 1px;background: #bec3d7;bottom: 0;left: 50%;transform: translate(-50%);}
.school-box dt span {display: block;font-size: 20px;color: #858fb4;margin-bottom: 14px;}
.school-box dd {font-size: 16px;line-height: 1.6;}
.school-bnr {margin: 0 auto 60px;}
.school-bnr img {margin: 0 auto;}
.school-list {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.school-detail {width: 457px;border: 1px solid #bec3d7;margin-bottom: 50px;position:relative;}
.school-detail-top {background: #f7f3e9; padding: 20px 0;}
.school-detail-top p {font-size: 22px;text-align: center;color: #101835;margin-bottom: 0;}
.school-detail-in {padding: 30px;}
.school-detail-in .school-detail-p {text-align: center; color: #101835; border-bottom: 2px solid #bec3d7; padding-bottom: 30px;}
.school-detail-in .school-detail-label {color: #101835;margin-bottom: 5px;border-bottom: 1px solid #bec3d7;padding-bottom: 5px;}
.school-detail-in dl {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;margin: 0 auto 10px;}
.school-detail-in .blc_dl{flex-direction: column;-webkit-flex-direction: column;}
.school-detail-in dt {color: #101835;font-weight: bold;margin-right: 15px;line-height: 1.8;min-width: 72px;}
.school-detail-in dd {color: #666666;text-align: justify;text-justify: inter-ideograph;letter-spacing: 0.01em;line-height: 1.8;max-width: 78%;}
.school-detail-in .school-detail-time {font-size: 90%; display:block;}

.school-links {width: 600px;background: #f5f6f9;margin: 0 auto;text-align: center;font-size: 20px;padding: 20px 0;color: #10188a;position: relative;border: 1px solid #bec3d7;}
.school-links:before {content:""; position:absolute; border-bottom: 18px solid #bec3d7; border-left: 18px solid #fff0; right: 0; bottom: 0;}

.school-list02 .school-detail-in p {text-align: left;}
.school-list02 .school-detail-in dl {width: 340px;}

.school-concept {margin: 0 auto;}
.school-concept-ttl {text-align: center;position: relative;margin-bottom: 40px;}
.school-concept-ttl:before {content: "";position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background: #b2b7ba;}
.school-concept-ttl span {display: inline-block;font-size: 20px;position: relative;background: #fff;padding: 0 20px;letter-spacing: 0.1em;}
.school-concept-in {margin-bottom: 100px;}
.school-concept-in dl {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;line-height: 1.8;background: #f5f6f9;border: 1px solid #bec3d7;border-bottom: none;}
.school-concept-in dl:last-child {border-bottom: 1px solid #bec3d7;}
.school-concept-in dt {font-size: 18px;width: 30%;padding: 20px 30px;color: #0e1734;}
.school-concept-in dd {width: 70%;font-size: 18px;padding: 20px 30px;background: #fff;}
.school-concept-in dd p {margin-bottom: 10px;}
.school-concept-in dd p:last-child {margin-bottom: 0;}
.school-concept-in dd span {font-weight: bold;margin-right: 20px;}
.school-concept-in dd table {width: 100%;}
.school-concept-in dd tr {padding: 0;}
.school-concept-in dd th {padding: 0 50px;font-weight: bold;}
.school-concept-in dd td {padding: 20px 0 0;text-align: center;}
.school-concept-in dd td:first-child {text-align:left;color: #8e8a8a;}

.school-attend {margin-bottom: 100px;}
.school-attend-in {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 60px;background: #f7f3e9;padding: 40px;}
.school-attend-in dt {width: 45%;}
.school-attend-in dt img {max-width: 100%;}
.school-attend-in dd {line-height: 1.6;width: 50%;}
.school-attend-in dd p{margin-bottom: 0;}
.school-attend-in dd .midashi03{font-weight: bold;margin-bottom: 20px;}
.school-attend-in dd span {display: block;font-size: 22px;font-weight: bold;color: #101835;margin-bottom: 10px;line-height: 1.5;}
.school-attend-in:nth-child(even) dt {order: 2;}

.school-guide {margin-bottom: 10px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.school-guide-in {width: 47%;margin-bottom: 60px;border: 1px solid #bec3d7;padding: 30px;}
.school-guide-img {width: 100%;background: #8e8a8a;}
p.school-guide-ttl {margin: 0 0 20px;font-size: 18px;padding-bottom: 10px;color: #0e1734;font-weight: bold;line-height: 1.5;border-bottom: 1px solid #0e1734;}
.school-guide-tag {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;}
.school-guide-tag li {padding: 5px 15px;background: #f5f6f9;border: 1px solid #bec3d7;border-radius: 25px;margin-right: 10px;margin-bottom: 10px;font-size: 85%;}
.school-guide-tag li:before {content: "#"; margin-right: 5px;}
p.school-guide-detail {font-size: 16px;margin-bottom: 10px;}
.school-guide-date {font-size: 14px;background: #e9efff;padding: 16px;}
.school-guide-date dt {font-weight: bold;color: #0e1734;margin-bottom: 10px;text-align: center;}
.school-guide-date dd p {margin-bottom: 0;color: #0e1734;text-align: left;}
.school-btn {color: #fff; background: #101835; text-align: center; width: 200px; margin: 30px auto 0; font-size: 16px; padding: 12px 0 ;}
.school-guide-in .school-btn {color: #fff; background: #101835; text-align: center; width: 200px; margin: 30px auto 0; font-size: 16px; padding: 12px 0 ;}

.school-icon {margin: 10px 0 5px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;justify-content: flex-start;line-height: 1.5;}
.school-icon li {margin-right: 10px;background: url(../images/icon-online.png) no-repeat left 15px center #bec3d7;background-size: 20px;color: #fff;padding: 5px 15px 5px 45px;font-size: 12px;border-radius: 12px;}
.school-icon li.offline {background: url(../images/icon-offline.png) no-repeat left 15px center #8e8a8a;background-size: 20px;}

.school-course{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.school-course li {width: 48%;position: relative;margin: 1%;}
.school-course-image img{ width: 100%; }
.school-course-title {width: 80%;color: #fff;font-family: dnp-shuei-mincho-pr6;font-weight: 400;font-style: normal;text-align: center;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.school-course-title:after { content: ''; width: 150px; height: 1px; background: #fff; position: absolute; bottom: 30px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.school-course-title .en { margin-bottom: 5px; font-size: 30px; letter-spacing: 4px; display: block; }
.school-course-title .jp { margin-bottom: 20px; font-size: 12px; display: block; }
.school-course-title .sub{    text-align: center;    line-height: 1.3;}
.school-course-title i { font-size: 25px; }

.school-name {margin: 0 0 20px;font-size: 20px;padding-bottom: 10px;color: #0e1734;font-weight: bold;line-height: 1.5;border-bottom: 1px solid #0e1734;}
.school-guide-ttl .sub_ttl,.school-name .sub_ttl{font-size: 65%;}
p.school-discription {font-size: 16px;margin-bottom: 60px;}

p.school-icon-single {margin: 20px 0 10px 0;background: url(../images/icon-online.png) no-repeat left 15px center #bec3d7;background-size: 20px;color: #fff;display: inline-block;padding: 5px 15px 5px 45px;font-size: 12px;border-radius: 12px;}
p.school-icon-single.offline {background: url(../images/icon-offline.png) no-repeat left 15px center #8e8a8a;background-size: 20px;}



/* agency
----------------------------------------------- */
.agency .agency_visual{margin: 50px auto;width: 90%;}
.agency .des{margin: 50px auto;}
.agency .des p{text-align: center;font-size: 20px;margin-bottom: 0;}
.agency .btn07{margin: 0 auto;width: 40%;}

/* senses-webform
----------------------------------------------- */
#webform-content.jVMQuO {
  max-width: 480px!important;
  font-family: "Noto Sans JP";
  margin: 2rem auto;
  padding: 0px 1rem;
  overflow: auto;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}