@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Marcellus&display=swap");
@media screen and (max-width: 767px) { .only-pc { display: none; }
  .only-sp { display: block; } }
@media screen and (min-width: 768px) { .only-pc { display: block; }
  .only-sp { display: none; } }
.brand-tac { text-align: center; }

.brand-tar { text-align: right; }

.ff_marcellus { font-family: 'Marcellus', serif; }

.hm-contents { padding-bottom: 0; }
.hm-contents .hm-logo { position: fixed; top: 26px; right: 26px; z-index: 100; }
@media screen and (max-width: 767px) { .hm-contents .hm-logo { top: 15px; right: 20px; } }
.hm-contents .hm-sec { position: relative; padding-top: 51.2445095168%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
@media screen and (max-width: 1200px) { .hm-contents .hm-sec { padding-top: 700px; } }
@media screen and (max-width: 767px) { .hm-contents .hm-sec { padding-top: 500px; } }
.hm-contents .hm-sec .hm-sec-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hm-contents .hm-inner { width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 10px; }
.hm-contents .hm-flex { display: flex; justify-content: center; align-items: center; }
.hm-contents .hm-ttl-en { display: inline-block; padding: 5px 15px 5px 20px; background-color: #0059af; color: #fff; font-size: 171.4285714286%; letter-spacing: 5px; }
@media screen and (max-width: 960px) { .hm-contents .hm-ttl-en { font-size: 128.5714285714%; } }
@media screen and (max-width: 767px) { .hm-contents .hm-ttl-en { font-size: 114.2857142857%; } }
.hm-contents .hm-ttl { font-size: 514.2857142857%; line-height: 1; }
@media screen and (max-width: 960px) { .hm-contents .hm-ttl { font-size: 357.1428571429%; } }
@media screen and (max-width: 767px) { .hm-contents .hm-ttl { font-size: 285.7142857143%; } }
.hm-contents .hm-ttl-ja { font-size: 342.8571428571%; }
@media screen and (max-width: 960px) { .hm-contents .hm-ttl-ja { font-size: 257.1428571429%; } }
@media screen and (max-width: 767px) { .hm-contents .hm-ttl-ja { font-size: 200%; } }
.hm-contents .hm-ttl-sub { font-size: 214.2857142857%; font-weight: bold; }
@media screen and (max-width: 960px) { .hm-contents .hm-ttl-sub { font-size: 171.4285714286%; } }
@media screen and (max-width: 767px) { .hm-contents .hm-ttl-sub { font-size: 142.8571428571%; } }
.hm-contents .hm-more { display: inline-block; width: 122px; padding: 10px 12px; border: 1px solid #0059af; background-color: #fff; color: #0059af; font-size: 128.5714285714%; text-align: left; }
.hm-contents .hm-btn { position: relative; }
.hm-contents .hm-btn::after { content: ''; position: absolute; top: 50%; right: 12px; width: 8px; height: 13px; margin-top: -6px; background: url("../../img/ja/brand/home/more_arrow.png") no-repeat; }
.hm-contents .hm-txt { font-size: 128.5714285714%; line-height: 1.5; }
@media screen and (max-width: 960px) { .hm-contents .hm-txt { font-size: 114.2857142857%; } }
@media screen and (max-width: 1200px) { .hm-contents .hm-main { padding-top: 51.2445095168%; } }
.hm-contents .hm-main::before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: url("../../img/ja/brand/home/ami.png") no-repeat center center; background-size: cover; opacity: 0.2; }
.hm-contents .hm-main .hm-main-in { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; text-align: center; }
.hm-contents .hm-main .hm-main-in p { margin-top: 25px; color: #fff; font-size: 214.2857142857%; font-weight: bold; }
@media screen and (max-width: 767px) { .hm-contents .hm-main .hm-main-in p { margin-top: 15px; font-size: 142.8571428571%; } }
@media screen and (max-width: 767px) { .hm-contents .hm-main .hm-main-in img { max-width: 60%; } }
.hm-contents .hm-main video { position: absolute; top: 0; left: 0; width: auto; height: auto; min-width: 100%; min-height: 100%; }
.hm-contents .hm-monozukuri { background-image: url("../../img/ja/brand/home/monozukuri_bg.jpg"); }
.hm-contents .hm-monozukuri .hm-box { float: right; max-width: 635px; padding-bottom: 5%; }
@media screen and (max-width: 1200px) { .hm-contents .hm-monozukuri .hm-box { padding-bottom: 0; } }
.hm-contents .hm-monozukuri .hm-ttl { margin: 30px 0 20px; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.hm-contents .hm-monozukuri dt { margin-bottom: 30px; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.hm-contents .hm-monozukuri dd { text-shadow: 0 0 5px rgba(255, 255, 255, 0.5); }
.hm-contents .hm-message { background-image: url("../../img/ja/brand/home/message_bg.jpg"); }
@media screen and (max-width: 767px) { .hm-contents .hm-message { padding-top: 88.8%; background: #f5f5f5 url("../../img/ja/brand/home/sp/message_bg.jpg") no-repeat center top; background-size: 100% auto; }
  .hm-contents .hm-message .hm-sec-in { position: static; }
  .hm-contents .hm-message .brand-tar { text-align: center; } }
.hm-contents .hm-message .hm-box { float: right; max-width: 685px; padding-right: 7.0833333333%; }
@media screen and (max-width: 767px) { .hm-contents .hm-message .hm-box { float: none; padding: 0 8.6666666667% 40px; } }
.hm-contents .hm-message .hm-message-ttl { margin: 10px 0 30px; }
.hm-contents .hm-message .hm-txt { margin-bottom: 15px; }
.hm-contents .hm-group { background-image: url("../../img/ja/brand/home/group_bg.jpg"); }
@media screen and (max-width: 767px) { .hm-contents .hm-group { padding-top: 170.6666666667%; background-image: url("../../img/ja/brand/home/sp/group_bg.jpg"); } }
.hm-contents .hm-group .hm-box { max-width: 620px; padding-top: 6.25%; }
@media screen and (max-width: 767px) { .hm-contents .hm-group .hm-box { padding: 12% 8.6666666667% 0; } }
.hm-contents .hm-group .hm-ttl-ja { margin-bottom: 30px; color: #0059af; }
@media screen and (max-width: 767px) { .hm-contents .hm-group .hm-ttl-ja { text-align: center; } }
.hm-contents .hm-group ul { max-width: 565px; margin-top: 20px; border-top: 1px solid #0059af; border-left: 1px solid #0059af; }
@media screen and (max-width: 767px) { .hm-contents .hm-group ul { width: 91.935483871%; margin-left: auto; margin-right: auto; } }
.hm-contents .hm-group ul li { float: left; width: 50%; border-right: 1px solid #0059af; border-bottom: 1px solid #0059af; background-color: #fff; }
@media screen and (max-width: 767px) { .hm-contents .hm-group ul li { float: none; width: 100%; } }
.hm-contents .hm-group ul li a { display: block; padding: 8px 12px; color: #0059af; font-size: 128.5714285714%; }
.hm-contents .hm-history { background-image: url("../../img/ja/brand/home/history_bg.jpg"); color: #fff; }
@media screen and (max-width: 767px) { .hm-contents .hm-history { padding-top: 133.2%; background-image: url("../../img/ja/brand/home/sp/history_bg.jpg"); }
  .hm-contents .hm-history .hm-sec-sp { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .hm-contents .hm-history .hm-sec-in { position: static; height: auto; }
  .hm-contents .hm-history .hm-flex { margin-top: 30px; } }
.hm-contents .hm-history .hm-box { padding-top: 6.25%; }
@media screen and (max-width: 767px) { .hm-contents .hm-history .hm-box { padding: 10% 8.6666666667% 0; } }
.hm-contents .hm-history .hm-ttl { margin-bottom: 25px; }
@media screen and (max-width: 767px) { .hm-contents .hm-history .hm-ttl { margin-bottom: 15px; font-size: 428.5714285714%; } }
.hm-contents .hm-history .clear_fix { width: 100%; }
.hm-contents .hm-history dl { float: right; width: 100%; max-width: 44.6559297218%; }
@media screen and (max-width: 767px) { .hm-contents .hm-history dl { float: none; max-width: 80%; margin: 0 auto; } }
.hm-contents .hm-history dl dt { position: relative; margin-bottom: 20px; padding: 0 0 5px 5px; border-bottom: 1px solid #fff; font-size: 257.1428571429%; }
@media screen and (max-width: 960px) { .hm-contents .hm-history dl dt { font-size: 171.4285714286%; } }
.hm-contents .hm-history dl dt::after { content: ''; position: absolute; left: -18px; bottom: -10px; display: block; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 16px; }
.hm-contents .hm-history dl dt span { font-size: 200%; letter-spacing: 10px; }
.hm-contents .hm-history dl dd { position: relative; max-width: 490px; }
@media screen and (max-width: 767px) { .hm-contents .hm-history dl dd { padding-right: 40px; } }
.hm-contents .hm-history dl dd a { position: absolute; top: 10px; right: 15px; }
@media screen and (max-width: 767px) { .hm-contents .hm-history dl dd a { right: 0; } }
.hm-contents .hm-development { background-image: url("../../img/ja/brand/home/development_bg.jpg"); }
@media screen and (max-width: 767px) { .hm-contents .hm-development { padding-top: 96.2666666667%; background: #fff url("../../img/ja/brand/home/sp/development_bg.jpg") no-repeat center top; background-size: 100% auto; }
  .hm-contents .hm-development .hm-sec-in { position: static; }
  .hm-contents .hm-development .hm-ttl-ja { color: #0059af; text-align: center; }
  .hm-contents .hm-development .brand-tar { text-align: center; } }
.hm-contents .hm-development .hm-flex { align-items: flex-end; }
.hm-contents .hm-development .hm-box { float: right; max-width: 600px; margin-bottom: 40px; padding-right: 2.0833333333%; color: #000; }
@media screen and (max-width: 767px) { .hm-contents .hm-development .hm-box { padding: 0 8.6666666667%; } }
.hm-contents .hm-development .hm-txt { margin: 20px 0; }
.hm-contents .hm-story { background-image: url("../../img/ja/brand/home/story_bg.jpg"); }
@media screen and (max-width: 767px) { .hm-contents .hm-story { padding-top: 109.3333333333%; background: #9c9ba0 url("../../img/ja/brand/home/sp/story_bg.jpg") no-repeat center top; background-size: 100% auto; }
  .hm-contents .hm-story .hm-sec-in { position: static; }
  .hm-contents .hm-story .brand-tar { text-align: center; } }
.hm-contents .hm-story .hm-box { max-width: 600px; color: #fff; }
@media screen and (max-width: 767px) { .hm-contents .hm-story .hm-box { padding: 0 8.6666666667% 40px; } }
.hm-contents .hm-story .hm-ttl-ja { margin-top: 20px; }
.hm-contents .hm-story .hm-txt { margin: 30px 0 20px; }
.hm-contents .hm-life { background-image: url("../../img/ja/brand/home/life_bg.jpg"); }
@media screen and (max-width: 767px) { .hm-contents .hm-life { padding-top: 92.9333333333%; background: #fff url("../../img/ja/brand/home/sp/life_bg.jpg") no-repeat center top; background-size: 100% auto; }
  .hm-contents .hm-life .hm-sec-in { position: static; }
  .hm-contents .hm-life .brand-tar { text-align: center; } }
.hm-contents .hm-life .hm-box { float: right; max-width: 670px; margin: 10% 3.75% 0 0; padding: 30px 20px; border-radius: 20px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
@media screen and (max-width: 767px) { .hm-contents .hm-life .hm-box { float: none; width: 94.6666666667%; margin: -15.3333333333% auto 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0); padding: 30px 6%; } }
.hm-contents .hm-life .hm-ttl-ja br { display: none; }
@media screen and (max-width: 767px) { .hm-contents .hm-life .hm-ttl-ja br { display: block; } }
@media screen and (max-width: 767px) { .hm-contents .hm-life .hm-ttl-ja { color: #0059af; text-align: center; } }
.hm-contents .hm-life .hm-txt { margin: 15px 0 20px; }
.hm-contents .hm-corporate { background-image: url("../../img/ja/brand/home/corporate_bg.jpg"); }
@media screen and (max-width: 767px) { .hm-contents .hm-corporate { padding-top: 133.3333333333%; background-image: url("../../img/ja/brand/home/sp/corporate_bg.jpg"); }
  .hm-contents .hm-corporate .hm-txt { color: #fff; } }
.hm-contents .hm-corporate .hm-box { padding-top: 6.25%; text-align: center; }
.hm-contents .hm-corporate .hm-ttl-ja { margin-bottom: 30px; color: #fff; }
.hm-contents .hm-corporate .hm-ttl-ja br { display: none; }
@media screen and (max-width: 767px) { .hm-contents .hm-corporate .hm-ttl-ja br { display: block; } }
.hm-contents .hm-corporate .hm-corporate-btn { display: block; width: 100%; max-width: 490px; margin: 0 auto; padding: 30px 25px 20px; background-color: #fff; text-align: center; }
@media screen and (max-width: 767px) { .hm-contents .hm-corporate .hm-corporate-btn { width: 90%; margin-top: 30px; padding-top: 20px 15px 15px; font-size: 114.2857142857%; } }
.hm-contents .hm-corporate .hm-corporate-btn dd { margin-top: 34px; padding-top: 20px; border-top: 1px solid #ccc; color: #0059af; font-size: 128.5714285714%; font-weight: bold; }
@media screen and (max-width: 767px) { .hm-contents .hm-corporate .hm-corporate-btn dd { padding-top: 15px; font-size: 92.8571428571%; } }

.brand-header { position: relative; max-width: 1440px; margin: 0 auto; }
.brand-header .brand-header-in { padding: 40px; }
@media screen and (max-width: 1200px) { .brand-header .brand-header-in { padding-left: 15px; padding-right: 20px; } }
@media screen and (max-width: 960px) { .brand-header .brand-header-in { padding-top: 15px; padding-bottom: 15px; } }
@media screen and (max-width: 960px) { .brand-header .brand-id { float: left; } }
.brand-header .brand-logo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 960px) { .brand-header .brand-logo { position: static; display: block; margin-bottom: 15px; } }
.brand-header .brand-ttl { float: left; color: #0059af; }
@media screen and (max-width: 1200px) { .brand-header .brand-ttl { margin-top: 8px; } }
@media screen and (max-width: 960px) { .brand-header .brand-ttl { float: none; } }
.brand-header .brand-ttl p { margin-bottom: 5px; font-size: 114.2857142857%; font-style: italic; }
@media screen and (max-width: 1200px) { .brand-header .brand-ttl p { font-size: 100%; } }
.brand-header .brand-ttl .brand-ttl-h { font-size: 171.4285714286%; font-weight: bold; }
@media screen and (max-width: 1200px) { .brand-header .brand-ttl .brand-ttl-h { font-size: 157.1428571429%; } }
.brand-header .brand-menu { position: relative; float: right; width: 70px; height: 35px; margin: 13px 0 12px; }
@media screen and (max-width: 960px) { .brand-header .brand-menu { margin-top: 30px; } }
.brand-header .brand-menu span { position: absolute; left: 0; display: block; width: 100%; height: 5px; background-color: #0059af; cursor: pointer; transition: all .4s; }
.brand-header .brand-menu span:nth-child(1) { top: 0; }
.brand-header .brand-menu span:nth-child(2) { top: 15px; }
.brand-header .brand-menu span:nth-child(3) { bottom: 0; }

.js-brandmenuopen .brand-menu span:nth-child(1) { transform: translateY(15px) rotate(-45deg); }
.js-brandmenuopen .brand-menu span:nth-child(2) { opacity: 0; }
.js-brandmenuopen .brand-menu span:nth-child(3) { transform: translateY(-15px) rotate(45deg); }

.brand-footer { max-width: 1200px; margin: 0 auto; padding: 50px 30px; }
@media screen and (max-width: 767px) { .brand-footer { padding: 30px 15px; } }
.brand-footer ul { float: left; }
@media screen and (max-width: 767px) { .brand-footer ul { float: none; text-align: center; } }
.brand-footer ul li { display: inline-block; }
.brand-footer ul li::after { content: '|'; margin-left: 0.5em; }
.brand-footer ul li:last-child::after { content: ''; margin-left: 0; }
.brand-footer p { float: right; }
@media screen and (max-width: 767px) { .brand-footer p { float: none; margin-top: 20px; text-align: center; } }

/*
main { padding-top: 1px; box-shadow: inset 1px 2px 3px rgba(56, 56, 56, .25);
}
.pagetop { z-index: 100;
}
*/
/* トップメッセージ */
.tm-inner { max-width: 880px; margin: 0 auto; padding: 0 40px; }
@media screen and (max-width: 767px) { .tm-inner { padding: 0 3.3333333333%; } }

.tm-mainimg img { width: 100%; }

.tm-main { padding: 80px 0 110px; }
@media screen and (max-width: 767px) { .tm-main { padding: 60px 0; } }
.tm-main .tm-main-h { margin-bottom: 30px; color: #0059af; font-size: 228.5714285714%; font-weight: bold; line-height: 1.5; }
@media screen and (max-width: 767px) { .tm-main .tm-main-h { font-size: 171.4285714286%; } }
.tm-main p { line-height: 1.8; }

.tm-headline { position: relative; padding: 50px 0; }
@media screen and (max-width: 767px) { .tm-headline { padding-top: 0; } }
.tm-headline::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #0059af; }
.tm-headline::after { content: ''; position: absolute; top: 0; left: 50%; width: 100%; max-width: 600px; height: 100%; background-color: #0059af; }
.tm-headline .tm-headline-in { position: relative; z-index: 1; display: flex; flex-direction: row-reverse; max-width: 1440px; margin: 0 auto; }
@media screen and (max-width: 767px) { .tm-headline .tm-headline-in { flex-direction: column; } }
.tm-headline .tm-headline-in figure { width: 45.1388888889%; }
@media screen and (max-width: 767px) { .tm-headline .tm-headline-in figure { width: 100%; } }
.tm-headline .tm-headline-in figure img { width: 100%; }
.tm-headline .tm-headline-in .tm-headline-h { display: flex; align-items: center; flex: 1; width: 100%; max-width: 710px; padding-left: 40px; color: #fff; font-size: 228.5714285714%; font-weight: bold; line-height: 1.5; }
@media screen and (max-width: 767px) { .tm-headline .tm-headline-in .tm-headline-h { font-size: 171.4285714286%; padding: 40px 3.3333333333% 0; } }

.tm-content { padding-top: 100px; }
@media screen and (max-width: 767px) { .tm-content { padding-top: 60px; } }
.tm-content .tm-content-sec { margin-bottom: 90px; }
@media screen and (max-width: 767px) { .tm-content .tm-content-sec { margin-bottom: 60px; } }
.tm-content .tm-content-h { margin-bottom: 20px; color: #0059af; font-size: 157.1428571429%; font-weight: bold; line-height: 1.5; }
.tm-content .tm-content-txt { line-height: 1.8; }
.tm-content .tm-content-txt p { margin-bottom: 25px; }
.tm-content .tm-content-txt p:last-child { margin-bottom: 0; }
.tm-content .tm-content-box { display: flex; flex-direction: row-reverse; justify-content: space-between; }
@media screen and (max-width: 767px) { .tm-content .tm-content-box { display: block; } }
.tm-content .tm-content-box .tm-content-txt { width: 57.5%; }
@media screen and (max-width: 767px) { .tm-content .tm-content-box .tm-content-txt { width: auto; } }
.tm-content .tm-content-box figure { width: 38.75%; }
@media screen and (max-width: 767px) { .tm-content .tm-content-box figure { float: right; margin: 0 0 10px 20px; } }

/* ノリタケヒストリー */
.hst-nav li { padding: 20px 0; border-bottom: 1px solid #e8e8e8; }
.hst-nav .hst-nav-dt { float: left; padding-left: 15px; font-weight: bold; }
@media screen and (max-width: 767px) { .hst-nav .hst-nav-dt { float: none; } }
.hst-nav .hst-nav-txt { margin-left: 23em; }
@media screen and (max-width: 767px) { .hst-nav .hst-nav-txt { margin-left: 40px; margin-top: 15px; } }
.hst-nav.hst-nav-t { margin-bottom: 75px; }
.hst-nav.hst-nav-t .hst-nav-dt::before { content: url("../../img/ja/brand/history/ico_arrow_b.png"); margin-right: 15px; }
.hst-nav.hst-nav-b { margin-top: 70px; }
.hst-nav.hst-nav-b .hst-nav-dt::before { content: url("../../img/ja/brand/history/ico_arrow_t.png"); margin-right: 15px; }

.hst-content { position: relative; max-width: 1366px; margin: 0 auto; padding-bottom: 130px; }
.hst-content::before { content: ''; position: absolute; top: 80px; left: 7.5402635432%; width: 84.9194729136%; height: calc(100% - 80px); background-color: #f2f2f2; }
@media screen and (max-width: 1200px) { .hst-content::before { left: 0; width: 100%; } }
.hst-content .hst-sec { position: relative; z-index: 1; padding-top: 675px; }
@media screen and (max-width: 1200px) { .hst-content .hst-sec { padding-top: 56.25%; } }
.hst-content .hst-sec .hst-sec-img { position: absolute; top: 0; width: 100%; max-width: 1200px; padding-top: 720px; overflow: hidden; }
@media screen and (max-width: 1200px) { .hst-content .hst-sec .hst-sec-img { padding-top: 60%; } }
.hst-content .hst-sec .hst-sec-img img { position: absolute; bottom: 0; left: 0; width: 100%; }
.hst-content .hst-sec .hst-sec-img.hst-sec-img-l { left: 0; }
.hst-content .hst-sec .hst-sec-img.hst-sec-img-r { right: 0; }
.hst-content .hst-sec .hst-sec-inner { position: relative; z-index: 1; max-width: 980px; margin: 0 auto; padding: 0 10px; }
.hst-content .hst-sec .hisotry-sec-y { position: absolute; top: -175px; left: 50px; z-index: 1; margin-bottom: 30px; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
@media screen and (max-width: 767px) { .hst-content .hst-sec .hisotry-sec-y { top: -130px; left: 20px; } }
.hst-content .hst-sec .hisotry-sec-y big { display: block; font-size: 628.5714285714%; }
@media screen and (max-width: 767px) { .hst-content .hst-sec .hisotry-sec-y big { font-size: 428.5714285714%; } }
.hst-content .hst-sec .hisotry-sec-y span { font-size: 214.2857142857%; }
@media screen and (max-width: 767px) { .hst-content .hst-sec .hisotry-sec-y span { font-size: 142.8571428571%; } }
.hst-content .hst-sec .hst-sec-ttl { padding: 50px 60px; background-color: #0059af; color: #fff; }
@media screen and (max-width: 767px) { .hst-content .hst-sec .hst-sec-ttl { padding: 30px; } }
.hst-content .hst-sec .hst-sec-ttl .hst-sec-ttl-h { margin-bottom: 15px; font-size: 228.5714285714%; }
@media screen and (max-width: 767px) { .hst-content .hst-sec .hst-sec-ttl .hst-sec-ttl-h { font-size: 171.4285714286%; } }
.hst-content .hst-chronology { position: relative; padding: 20px 0 70px; }
.hst-content .hst-chronology::before { content: ''; position: absolute; top: 0; left: 135px; width: 3px; height: 100%; background-color: #0059af; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology::before { left: 100px; width: 2px; } }
.hst-content .hst-chronology .hst-chronology-sec { padding-top: 30px; transition: all .4s; }
.hst-content .hst-chronology .hst-chronology-sec.is-anime { opacity: 0; transform: translateY(100px); }
.hst-content .hst-chronology .hst-chronology-y { position: relative; float: left; width: 152px; padding: 40px 45px 0 0; color: #0059af; font-weight: bold; text-align: right; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-y { width: 111px; padding-right: 31px; } }
.hst-content .hst-chronology .hst-chronology-y::after { content: ''; position: absolute; top: 50px; right: 0; width: 30px; height: 30px; border-radius: 15px; background-color: #0059af; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-y::after { width: 20px; height: 20px; } }
.hst-content .hst-chronology .hst-chronology-y big { display: block; font-size: 266.7142857143%; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-y big { font-size: 198.2857142857%; } }
.hst-content .hst-chronology .hst-chronology-y span { font-size: 142.8571428571%; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-y span { font-size: 114.2857142857%; } }
.hst-content .hst-chronology .hst-chronology-c { float: right; width: calc(100% - 165px); padding: 50px 0 0 18px; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-c { width: calc(100% - 120px); padding-top: 45px; } }
.hst-content .hst-chronology .hst-chronology-c-l { float: left; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-c-l { float: none; } }
.hst-content .hst-chronology .hst-chronology-c-r { float: right; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-c-r { float: none; margin-top: 20px; } }
.hst-content .hst-chronology .hst-chronology-h { font-size: 114.2857142857%; line-height: 1.8; }
.hst-content .hst-chronology .hst-chronology-txt { line-height: 1.8; }
.hst-content .hst-chronology .hst-chronology-event { padding-top: 80px; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-c { position: relative; padding-top: 0; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-c::before { content: ''; position: absolute; top: 53px; left: 5px; width: 30px; height: 30px; background-color: #fff; transform: rotate(-35deg) skewX(15deg); }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-event .hst-chronology-c::before { top: 45px; } }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-c-in { position: relative; z-index: 1; padding: 45px 45px 50px; background-color: #fff; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-event .hst-chronology-c-in { padding: 20px; } }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-h { margin-bottom: 20px; font-weight: bold; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-btn { position: relative; max-width: 240px; margin-top: 35px; padding: 12px; border-radius: 4px; background-color: #0059af; color: #fff; text-align: center; cursor: pointer; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-btn::after { content: ''; position: absolute; top: 50%; right: 9px; width: 14px; height: 14px; margin-top: -7px; background: url("../../img/ja/brand/history/ico_plus.png"); }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-btn span::before { content: '開く'; }
.hst-content .hst-chronology .hst-chronology-event .hst-chronology-hide { display: none; }
.hst-content .hst-chronology .hst-chronology-event.js-open .hst-chronology-btn::after { background: url("../../img/ja/brand/history/ico_minus.png"); }
.hst-content .hst-chronology .hst-chronology-event.js-open .hst-chronology-btn span::before { content: '閉じる'; }
.hst-content .hst-chronology .hst-chronology-event-v .hst-chronology-txt { margin-bottom: 25px; }
.hst-content .hst-chronology .hst-chronology-imgset .hst-chronology-c { padding-top: 0; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-imgset .hst-chronology-c { padding-top: 45px; } }
.hst-content .hst-chronology .hst-chronology-imgset .hst-chronology-c-l { padding-top: 50px; }
@media screen and (max-width: 767px) { .hst-content .hst-chronology .hst-chronology-imgset .hst-chronology-c-l { padding-top: 0; } }
.hst-content .hst-chronology .hst-chronology-1859 .hst-chronology-c-l { width: 65.2173913043%; }
.hst-content .hst-chronology .hst-chronology-1859 .hst-chronology-c-r { width: 29.9850074963%; }
.hst-content .hst-chronology .hst-chronology-1904 .hst-chronology-c-l { width: 39.7301349325%; }
.hst-content .hst-chronology .hst-chronology-1904 .hst-chronology-c-r { width: 56.6716641679%; }
.hst-content .hst-chronology .hst-chronology-1917 .hst-chronology-c-l { width: 52.4737631184%; }
.hst-content .hst-chronology .hst-chronology-1917 .hst-chronology-c-r { width: 41.9790104948%; }
.hst-content .hst-chronology .hst-chronology-1919 .hst-chronology-c-l { width: 52.4737631184%; }
.hst-content .hst-chronology .hst-chronology-1919 .hst-chronology-c-r { width: 41.9790104948%; }
.hst-content .hst-chronology .hst-chronology-1919.js-open .hst-chronology-c-in .clear_fix:first-child { padding-bottom: 70px; }
.hst-content .hst-chronology .hst-chronology-1932 .hst-chronology-c .clear_fix { max-width: 765px; }
.hst-content .hst-chronology .hst-chronology-1945 .hst-chronology-c-l { width: 39.7301349325%; }
.hst-content .hst-chronology .hst-chronology-1945 .hst-chronology-c-r { width: 56.9715142429%; }
.hst-content .hst-chronology .hst-chronology-1946 .hst-chronology-c-l { width: 60.3896103896%; }
.hst-content .hst-chronology .hst-chronology-1946 .hst-chronology-c-r { width: 35.0649350649%; }
.hst-content .hst-chronology .hst-chronology-1946 .hst-chronology-h { margin-bottom: 25px; }
.hst-content .hst-chronology .hst-chronology-1957 .hst-chronology-img { margin-bottom: 40px; text-align: center; }
.hst-content .hst-chronology .hst-chronology-1964 { max-width: 608px; }
.hst-content .hst-chronology .hst-chronology-1964 .hst-chronology-l { float: left; width: 67.1052631579%; }
.hst-content .hst-chronology .hst-chronology-1964 .hst-chronology-r { float: right; padding-top: 50px; width: 32.8947368421%; }
.hst-content .hst-chronology .hst-chronology-1967 .hst-chronology-img1 { padding-bottom: 50px; text-align: center; }
.hst-content .hst-chronology .hst-chronology-1967 .hst-chronology-img2 li { float: left; width: 31.4842578711%; margin-right: 2.6986506747%; }
.hst-content .hst-chronology .hst-chronology-1967 .hst-chronology-img2 li:last-child { margin-right: 0; }
.hst-content .hst-chronology .hst-chronology-1971 .hst-chronology-c .clear_fix { max-width: 590px; }
.hst-content .hst-chronology .hst-chronology-2001 .hst-chronology-c .clear_fix { max-width: 630px; }
.hst-content .hst-chronology .hst-chronology-2012 .hst-chronology-img { margin-top: 20px; }
.hst-content .hst-chronology .hst-chronology-2012 .hst-chronology-img li:first-child { float: left; width: 45.1948051948%; }
.hst-content .hst-chronology .hst-chronology-2012 .hst-chronology-img li:last-child { float: right; width: 54.2857142857%; }
.hst-content .hst-chronology .hst-chronology-2014 .hst-chronology-img { max-width: 720px; margin-top: 20px; }
.hst-content .hst-chronology .hst-chronology-2014 .hst-chronology-img li:first-child { float: left; width: 50.5555555556%; }
.hst-content .hst-chronology .hst-chronology-2014 .hst-chronology-img li:last-child { float: right; width: 48.1944444444%; }
.hst-content .hst-chronology .hst-chronology-2015 .hst-chronology-c .clear_fix { max-width: 742px; }

/* 事業部の歴史 */
.grp-main .breadcrumbs { margin-bottom: 20px; }
@media screen and (max-width: 767px) { .grp-main .breadcrumbs { margin-bottom: 0; } }
.grp-main .c-list-basic li a { background-color: #0059af; color: #fff; }
.grp-main .c-list-basic li dl { padding: 15px 0; text-align: center; }
.grp-main .c-list-basic li dl dt { margin-bottom: 10px; font-weight: bold; }

.grp-contents { padding-top: 50px; background-color: #082a4a; color: #fff; }
.grp-contents .grp-inner { max-width: 1366px; margin: 0 auto; }
.grp-contents .grp-ttl { position: relative; z-index: 2; max-width: 1220px; margin: 0 auto; padding: 0 10px; }
.grp-contents .grp-ttl p { font-size: 114.2857142857%; font-style: italic; }
.grp-contents .grp-ttl .grp-ttl-h { margin-top: 10px; font-size: 171.4285714286%; }
.grp-contents .grp-img { position: relative; }
.grp-contents .grp-img::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: #1c3b58; }
.grp-contents .grp-img.grp-img-t::before { top: -30px; }
.grp-contents .grp-img.grp-img-b::before { bottom: -30px; }
.grp-contents .grp-img.grp-img-l::before { left: -30px; }
.grp-contents .grp-img.grp-img-r::before { right: -30px; }
.grp-contents .grp-img img { position: relative; z-index: 1; }
.grp-contents .grp-cap { margin-top: 20px; }
.grp-contents .grp-sec { position: relative; }
.grp-contents .grp-sec .grp-wrap { position: absolute; top: 0; left: 0; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
@media screen and (max-width: 960px) { .grp-contents .grp-sec .grp-wrap { position: static; display: block; margin-top: 40px; } }
.grp-contents .grp-sec .grp-txt { width: 100%; max-width: 1200px; }
.grp-contents .grp-sec .grp-txt div { max-width: 540px; }
@media screen and (max-width: 960px) { .grp-contents .grp-sec .grp-txt div { max-width: 100%; } }
.grp-contents .grp-sec .grp-txt .grp-txt-h { font-weight: bold; line-height: 1.5; }
.grp-contents .grp-sec .grp-txt p { margin-top: 30px; line-height: 1.8; }
.grp-contents .grp-sec-l .grp-figure { float: right; }
@media screen and (max-width: 960px) { .grp-contents .grp-sec-l .grp-figure { float: none; } }
.grp-contents .grp-sec-l .grp-txt { padding-left: 20px; }
@media screen and (max-width: 960px) { .grp-contents .grp-sec-l .grp-txt { padding-right: 20px; } }
.grp-contents .grp-sec-r .grp-figure { float: left; }
@media screen and (max-width: 960px) { .grp-contents .grp-sec-r .grp-figure { float: none; } }
.grp-contents .grp-sec-r .grp-figure .grp-cap { text-align: right; }
.grp-contents .grp-sec-r .grp-txt { padding-right: 20px; }
@media screen and (max-width: 960px) { .grp-contents .grp-sec-r .grp-txt { padding-left: 20px; } }
.grp-contents .grp-sec-r .grp-txt div { float: right; }
.grp-contents .grp-main { margin: -15px 0 25px; padding-bottom: 110px; }
@media screen and (max-width: 960px) { .grp-contents .grp-main { margin-top: 20px; padding-bottom: 40px; } }
.grp-contents .grp-main .grp-figure { width: 62.9575402635%; }
@media screen and (max-width: 960px) { .grp-contents .grp-main .grp-figure { width: 100%; max-width: 900px; margin: 0 auto; padding: 0 20px; } }
.grp-contents .grp-main .grp-txt-h { margin-bottom: 50px; font-size: 321.4285714286%; }
@media screen and (max-width: 960px) { .grp-contents .grp-main .grp-txt-h { margin-bottom: 20px; font-size: 214.2857142857%; } }
.grp-contents .grp-sub { margin-bottom: 70px; transition: all .4s; }
.grp-contents .grp-sub.is-anime { opacity: 0; transform: translateY(100px); }
.grp-contents .grp-sub .grp-figure { width: 46.8521229868%; }
@media screen and (max-width: 960px) { .grp-contents .grp-sub .grp-figure { width: 100%; max-width: 680px; margin: 0 auto; padding: 0 20px; } }
.grp-contents .grp-sub .grp-txt-h { font-size: 228.5714285714%; }
@media screen and (max-width: 960px) { .grp-contents .grp-sub .grp-txt-h { font-size: 171.4285714286%; } }
.grp-contents .grp-sub .grp-txt-h small { font-size: 75%; }
.grp-contents .grp-dev { margin-bottom: 70px; }
.grp-contents .grp-dev .grp-dev-ttl { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.grp-contents .grp-dev .grp-dev-ttl .grp-dev-ttl-h { font-size: 142.8571428571%; }
.grp-contents .grp-dev .grp-dev-ttl p { font-size: 714.2857142857%; font-style: italic; font-weight: bold; line-height: 1; }
@media screen and (max-width: 960px) { .grp-contents .grp-dev .grp-dev-ttl p { font-size: 285.7142857143%; } }
.grp-contents .grp-dev .grp-dev-ttl.grp-dev-ttl-r { text-align: right; }
.grp-contents .grp-dev .grp-dev-content { margin-top: -40px; }
@media screen and (max-width: 960px) { .grp-contents .grp-dev .grp-dev-content { margin-top: 20px; } }
.grp-contents .grp-dev-box { padding-top: 150px; background: url("../../img/ja/brand/group/engineering02_p01.png") no-repeat top right; }
@media screen and (max-width: 960px) { .grp-contents .grp-dev-box { margin-top: -120px; background-size: 60% auto; } }
.grp-contents .grp-dev-box .grp-inner { position: relative; }
.grp-contents .grp-dev-box .grp-dev-box-in { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.grp-contents .grp-dev-box .grp-dev-box-l { float: left; width: 45%; }
@media screen and (max-width: 960px) { .grp-contents .grp-dev-box .grp-dev-box-l { float: none; width: 100%; } }
.grp-contents .grp-dev-box .grp-dev-box-r { position: absolute; top: 150px; right: 20px; display: flex; justify-content: center; align-items: center; width: 45%; height: calc(100% - 150px); }
@media screen and (max-width: 960px) { .grp-contents .grp-dev-box .grp-dev-box-r { position: static; width: 100%; margin-top: 20px; } }
.grp-contents .grp-dev-box .grp-dev-box-r figcaption { margin-top: 20px; }

/* 生活に息づくノリタケの技術 */
.lf-main { max-width: 1200px; margin: 0 auto; }
.lf-main .breadcrumbs { margin-bottom: 20px; }
@media screen and (max-width: 767px) { .lf-main .breadcrumbs { margin-bottom: 0; } }
.lf-main .lf-contents { position: relative; padding-bottom: 0; }
.lf-main .lf-ttl { position: absolute; top: 3.3200531208%; left: 0; width: 100%; color: #fff; }
@media screen and (max-width: 767px) { .lf-main .lf-ttl { top: 1%; } }
.lf-main .lf-ttl .lf-ttl-in { max-width: 1100px; margin: 0 auto; padding: 0 20px; text-shadow: 0 0 5px rgba(17, 163, 238, 0.5); }
.lf-main .lf-ttl .lf-ttl-h { font-size: 500%; font-weight: bold; }
@media screen and (max-width: 960px) { .lf-main .lf-ttl .lf-ttl-h { font-size: 357.1428571429%; } }
@media screen and (max-width: 767px) { .lf-main .lf-ttl .lf-ttl-h { font-size: 257.1428571429%; } }
.lf-main .lf-ttl p { margin-top: 20px; font-size: 142.8571428571%; line-height: 2; }
@media screen and (max-width: 767px) { .lf-main .lf-ttl p { margin-top: 6px; font-size: 114.2857142857%; } }
.lf-main .lf-ico { position: absolute; }
.lf-main .lf-ico img { width: 100%; }
.lf-main .lf-ico-plane { top: 0; left: 62.7777777778%; width: 20.1388888889%; margin-top: 28.75%; }
@media screen and (max-width: 767px) { .lf-main .lf-ico-plane { left: 67.7777777778%; margin-top: 18.75%; } }
.lf-main .lf-ico-bike { top: 0; left: 65.2777777778%; width: 7.5694444444%; margin-top: 186.6666666667%; }
.lf-main .lf-ico-car { top: 0; left: 0; }
.lf-main .lf-ico-car01 { width: 7.9166666667%; }
.lf-main .lf-ico-car02 { top: 0; left: 46.8055555556%; width: 10.625%; margin-top: 120.9722222222%; }
.lf-main .lf-ico-car03 { width: 18.3333333333%; }
.lf-main .lf-ico-build01 { top: 0; left: 14.2361111111%; width: 85.7638888889%; margin-top: 71.1111111111%; }
.lf-main .lf-ico-build02 { top: 0; left: 0; width: 100%; margin-top: 225%; }
.lf-main .lf-ico-baloon { top: 0; width: 6.875%; cursor: pointer; animation: bound 3s infinite; transition: all .4s; }
.lf-main .lf-ico-baloon.is-anime { opacity: 0; animation: none; }
.lf-main .lf-ico-baloon.lf-ico-baloon01 { left: 68.2638888889%; margin-top: 21.4583333333%; }
@media screen and (max-width: 767px) { .lf-main .lf-ico-baloon.lf-ico-baloon01 { left: 73.2638888889%; margin-top: 11.4583333333%; } }
.lf-main .lf-ico-baloon.lf-ico-baloon02 { left: 80.9027777778%; margin-top: 84.8611111111%; }
.lf-main .lf-ico-baloon.lf-ico-baloon11 { left: 71.875%; margin-top: 65.9027777778%; }
.lf-main .lf-ico-baloon.lf-ico-baloon12 { left: 61.7361111111%; margin-top: 84.8611111111%; }
.lf-main .lf-ico-baloon.lf-ico-baloon13 { left: 63.75%; margin-top: 131.3194444444%; }
.lf-main .lf-ico-baloon.lf-ico-baloon14 { left: 82.5694444444%; margin-top: 131.3194444444%; }
.lf-main .lf-ico-baloon.lf-ico-baloon15 { left: 73.6111111111%; margin-top: 148.75%; }
.lf-main .lf-ico-baloon.lf-ico-baloon03 { left: 37.4305555556%; margin-top: 161.3194444444%; }
.lf-main .lf-ico-baloon.lf-ico-baloon04 { left: 65.2777777778%; margin-top: 178.3333333333%; }
.lf-main .lf-ico-baloon.lf-ico-baloon05 { left: 45.625%; margin-top: 260.4861111111%; }
.lf-main .lf-ico-baloon.lf-ico-baloon06 { left: 46.8055555556%; margin-top: 273.8888888889%; }
.lf-main .lf-ico-baloon.lf-ico-baloon07 { left: 35.9027777778%; margin-top: 281.875%; }
.lf-main .lf-ico-baloon.lf-ico-baloon08 { left: 42.6388888889%; margin-top: 284.5833333333%; }
.lf-main .lf-ico-baloon.lf-ico-baloon09 { left: 54.2361111111%; margin-top: 285.4166666667%; }
.lf-main .lf-nav { position: absolute; bottom: 0; left: 0; width: 100%; }
.lf-main .lf-nav li { position: relative; float: left; width: 33.33%; background-color: #0059af; }
.lf-main .lf-nav li:nth-child(even) { background-color: #0a5297; }
.lf-main .lf-nav li .lf-nav-btn { display: block; padding-top: 100%; color: #fff; font-size: 114.2857142857%; }
.lf-main .lf-nav li .lf-nav-btn div { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; }
.lf-main .lf-nav li .lf-nav-btn div span { display: block; margin-bottom: 5px; font-size: 250%; }
@media screen and (max-width: 960px) { .lf-main .lf-nav li .lf-nav-btn div span { font-size: 187.5%; } }
@media screen and (max-width: 767px) { .lf-main .lf-nav li .lf-nav-btn div span { font-size: 3.5vw; } }
.lf-main .lf-modal { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; padding: 100px 30px 60px; display: none; align-items: center; overflow-y: auto; }
@media screen and (max-width: 767px) { .lf-main .lf-modal { padding-left: 20px; padding-right: 20px; } }
.lf-main .lf-modal .lf-modal-in { position: relative; width: 100%; max-width: 860px; margin: auto; padding: 50px; border: 5px solid #0059af; border-radius: 20px; background-color: #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 767px) { .lf-main .lf-modal .lf-modal-in { padding: 30px; } }
.lf-main .lf-modal .lf-modal-close { position: absolute; top: -40px; right: -37px; width: 80px; height: 80px; border-radius: 40px; background-color: #bad665; cursor: pointer; }
@media screen and (max-width: 960px) { .lf-main .lf-modal .lf-modal-close { top: -30px; right: -30px; width: 60px; height: 60px; } }
@media screen and (max-width: 767px) { .lf-main .lf-modal .lf-modal-close { top: -30px; right: -20px; width: 60px; height: 60px; } }
.lf-main .lf-modal .lf-modal-close::before { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 23px; margin: -11px 0 0 -10px; background: url("../../img/ja/brand/life/ico_close.png") no-repeat; }
.lf-main .lf-modal .lf-modal-content { position: relative; }
@media screen and (max-width: 767px) { .lf-main .lf-modal .lf-modal-content { padding-top: 45px; } }
.lf-main .lf-modal .lf-modal-content .lf-modal-ctrl { position: absolute; top: 0; right: 0; z-index: 10000; }
.lf-main .lf-modal .lf-modal-content .lf-modal-ctrl li { position: relative; float: left; width: 40px; height: 40px; margin-left: 7px; border-radius: 20px; background-color: #0059af; cursor: pointer; }
.lf-main .lf-modal .lf-modal-content .lf-modal-ctrl li::before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 20px; margin: -10px 0 0 -6px; }
.lf-main .lf-modal .lf-modal-content .lf-modal-ctrl li.lf-modal-prev::before { background: url("../../img/ja/brand/life/ico_prev.png"); }
.lf-main .lf-modal .lf-modal-content .lf-modal-ctrl li.lf-modal-next::before { background: url("../../img/ja/brand/life/ico_next.png"); }
.lf-main .lf-modal .lf-modal-content .lf-modal-ttl { margin-bottom: 20px; color: #0059af; font-size: 285.7142857143%; font-weight: bold; }
@media screen and (max-width: 767px) { .lf-main .lf-modal .lf-modal-content .lf-modal-ttl { font-size: 228.5714285714%; } }
.lf-main .lf-modal .lf-modal-content .lf-modal-l { float: left; width: 53.3333333333%; }
@media screen and (max-width: 767px) { .lf-main .lf-modal .lf-modal-content .lf-modal-l { float: none; width: 100%; } }
.lf-main .lf-modal .lf-modal-content .lf-modal-l p { text-align: center; }
.lf-main .lf-modal .lf-modal-content .lf-modal-l p img { display: inline; }
.lf-main .lf-modal .lf-modal-content .lf-modal-l .lf-modal-btn { position: relative; z-index: 1; max-width: 270px; margin: -25px auto 0; }
.lf-main .lf-modal .lf-modal-content .lf-modal-l .lf-modal-btn a { display: block; margin-bottom: 3px; padding: 15px 0; border: 3px solid #f4f4f5; border-radius: 20px; background-color: #0059af; color: #fff; font-size: percetage(1.1428571429); text-align: center; }
.lf-main .lf-modal .lf-modal-content .lf-modal-r { float: right; width: 42.6666666667%; }
@media screen and (max-width: 767px) { .lf-main .lf-modal .lf-modal-content .lf-modal-r { float: none; width: 100%; margin-top: 20px; } }
.lf-main .lf-modal .lf-modal-content .lf-modal-r .lf-modal-txt { margin-bottom: 15px; line-height: 1.8; }
.lf-main .lf-modal .lf-modal-content .lf-modal-r .lf-modal-img { text-align: center; }
.lf-main .lf-modal .lf-modal-content .lf-modal-r .lf-modal-img img { display: inline; max-width: 100%; }
.lf-main .lf-modal .lf-modal-content .lf-modal-r dl { display: table; margin-top: 20px; }
.lf-main .lf-modal .lf-modal-content .lf-modal-r dl dt { display: table-cell; width: 100px; }
.lf-main .lf-modal .lf-modal-content .lf-modal-r dl dd { display: table-cell; line-height: 1.5; vertical-align: middle; }
.lf-main .lf-modal .lf-modal-close-sp { display: none; justify-content: center; align-items: center; max-width: 270px; margin: 20px auto 0; padding: 15px 0; border: 3px solid #f4f4f5; border-radius: 20px; background-color: #0059af; color: #fff; font-size: percetage(1.1428571429); cursor: pointer; }
@media screen and (max-width: 767px) { .lf-main .lf-modal .lf-modal-close-sp { display: flex; } }
.lf-main .lf-modal .lf-modal-close-sp .ico-close { width: 1.5em; height: 1.5em; margin-right: 8px; border: 1px solid #fff; border-radius: 50%; background: url(../../img/ja/brand/life/ico_close.png) no-repeat center center; background-size: 40% auto; box-sizing: border-box; }
.lf-main .lf-bg img { width: 100%; }

.js-lfopen { overflow: hidden; }
.js-lfopen .lf-modal { display: flex; }

.dev-contents { padding-bottom: 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dev-contents .dev-sec { position: relative; padding-top: 52.7086383602%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 767px) { .dev-contents .dev-sec { height: 400px; padding-top: 0; } }
.dev-contents .dev-sec .dev-sec-in { position: absolute; bottom: 0; width: 100%; max-width: 600px; padding: 45px; background-color: rgba(255, 255, 255, 0.7); }
@media screen and (max-width: 767px) { .dev-contents .dev-sec .dev-sec-in { bottom: 0; display: flex; align-items: flex-end; max-width: 540px; height: 100%; padding: 0 20px 30px; } }
.dev-contents .dev-sec .dev-sec-in .ff_lato { color: #074b8c; font-style: italic; }
.dev-contents .dev-sec .dev-sec-in .dev-ttl { margin: 10px 0 40px; color: #074b8c; font-size: 321.4285714286%; font-weight: bold; }
@media screen and (max-width: 767px) { .dev-contents .dev-sec .dev-sec-in .dev-ttl { margin-bottom: 30px; font-size: 214.2857142857%; } }
.dev-contents .dev-sec .dev-sec-in .dev-content { line-height: 1.8; }
.dev-contents .dev-sec .dev-sec-in .dev-btn { display: block; max-width: 450px; margin-top: 35px; padding: 25px 10px; background-color: #0059af; color: #fff; font-size: 128.5714285714%; font-weight: bold; text-align: center; }
.dev-contents .dev-sec01 { background-image: url("../../img/ja/brand/development/index_bg01.jpg"); }
.dev-contents .dev-sec01 .dev-sec-in { left: 0; }
.dev-contents .dev-sec02 { background-image: url("../../img/ja/brand/development/index_bg02.jpg"); }
.dev-contents .dev-sec02 .dev-sec-in { right: 0; }
@media screen and (max-width: 767px) { .dev-contents .dev-sec02 .dev-sec-in { right: initial; } }
.dev-contents .dev-sec03 { background-image: url("../../img/ja/brand/development/index_bg03.jpg"); }
.dev-contents .dev-sec03 .dev-sec-in { left: 0; }

.st-content-in { position: relative; z-index: 1; }

.st-content-index { position: relative; padding-bottom: 90px; background-color: #1b1b1b; color: #fff; }
.st-content-index::before { content: ''; position: absolute; top: 0; left: 50%; width: 800px; height: 100%; margin-left: -400px; background-color: #000; }
@media screen and (max-width: 960px) { .st-content-index::before { max-width: 90%; margin-left: -45%; } }

.st-header { padding: 100px 0 50px; text-align: center; }
.st-header .c-heading-lv1 { font-size: 285.7142857143%; }
@media screen and (max-width: 960px) { .st-header .c-heading-lv1 { font-size: 171.4285714286%; } }

.st-lead { max-width: 1220px; margin: 0 auto 80px; padding: 0 10px; line-height: 1.8; text-align: center; }

.st-index li { position: relative; padding-top: 29.2825768668%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
@media screen and (max-width: 960px) { .st-index li { padding-top: 400px; } }
.st-index li.st-index-01 { background-image: url("../../img/ja/brand/story/index_p01.jpg"); }
.st-index li.st-index-02 { background-image: url("../../img/ja/brand/story/index_p02.jpg"); }
.st-index a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.st-index a div { width: 100%; max-width: 800px; padding: 50px 0 50px 95px; background-color: #0059af; color: #fff; font-weight: bold; }
@media screen and (max-width: 960px) { .st-index a div { max-width: 90%; padding: 30px 40px; } }
.st-index a .st-index-no { position: relative; float: left; font-size: 500%; }
@media screen and (max-width: 960px) { .st-index a .st-index-no { font-size: 285.7142857143%; } }
.st-index a .st-index-no::after { content: ''; display: block; width: 100%; height: 5px; margin: 0 auto; background-color: #fff; }
.st-index a .st-index-txt { margin-left: 150px; font-size: 321.4285714286%; }
@media screen and (max-width: 960px) { .st-index a .st-index-txt { margin-left: 3em; font-size: 214.2857142857%; } }

.st-contents { padding-bottom: 0; background-color: #1b1b1b; color: #fff; }

.st-wrap { padding-top: 100px; }
@media screen and (max-width: 767px) { .st-wrap { padding-top: 60px; } }
.st-wrap .st-wrap-in { position: relative; }
.st-wrap .st-wrap-in::before { content: ''; position: absolute; top: 0; left: 50%; width: 800px; height: 100%; margin-left: -400px; background-color: #000; }
@media screen and (max-width: 960px) { .st-wrap .st-wrap-in::before { max-width: 90%; margin-left: -45%; } }
.st-wrap .st-wrap-con { position: relative; z-index: 1; }

.st-main { display: flex; justify-content: flex-end; }
.st-main .st-main-in { position: relative; width: 91.6666666667%; }
@media screen and (max-width: 767px) { .st-main .st-main-in { width: 100%; padding-left: 5%; } }
.st-main .st-main-no { position: absolute; top: -70px; left: -40px; width: 200px; padding: 50px 0; background-color: rgba(15, 94, 169, 0.8); text-align: center; }
@media screen and (max-width: 767px) { .st-main .st-main-no { top: -30px; left: 15px; width: 120px; padding: 30px 0; } }
.st-main .st-main-no span { display: inline-block; position: relative; font-size: 571.4285714286%; }
@media screen and (max-width: 960px) { .st-main .st-main-no span { font-size: 428.5714285714%; } }
@media screen and (max-width: 767px) { .st-main .st-main-no span { font-size: 285.7142857143%; } }
.st-main .st-main-no span::after { content: ''; display: block; width: 100%; height: 5px; margin: 0 auto; background-color: #fff; }
.st-main .st-main-ttl { position: absolute; bottom: 80px; left: 80px; color: #fff; font-size: 321.4285714286%; line-height: 1.5; }
@media screen and (max-width: 767px) { .st-main .st-main-ttl { bottom: 40px; font-size: 171.4285714286%; } }
.st-main .st-main-img img { width: 100%; }

.st-inner { max-width: 1220px; margin: 0 auto; padding: 0 10px; }

.st-inner-wrap { max-width: 1280px; margin: 0 auto; }

.st-inner-f { max-width: 1440px; margin: 0 auto; }

.st-overview { position: relative; padding: 90px 0; }
@media screen and (max-width: 767px) { .st-overview { padding: 60px 0; } }
.st-overview .st-overview-img img { max-width: 100%; }
@media screen and (max-width: 1440px) { .st-overview .st-overview-img { width: 44.3055555556%; } }
@media screen and (max-width: 767px) { .st-overview .st-overview-img { float: left; width: 33.33%; padding-top: 40px; } }
.st-overview .st-overview-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 767px) { .st-overview .st-overview-in { position: static; float: right; display: block; width: 66.66%; } }
.st-overview .st-overview-txt { float: right; width: 50%; padding: 0 3.3333333333%; }
@media screen and (max-width: 767px) { .st-overview .st-overview-txt { width: 100%; } }
.st-overview .st-overview-txt p { margin-bottom: 20px; line-height: 1.8; }
.st-overview .st-overview-txt-h { margin-bottom: 30px; color: #2e92f0; font-size: 228.5714285714%; font-weight: bold; line-height: 1.5; }
.st-overview .st-overview-txt-sh { color: #2e92f0; font-weight: bold; line-height: 1.5; }
@media screen and (max-width: 767px) { .st-overview.st-overview-01 { background: url("../../img/ja/brand/story/story01_p01.png") no-repeat left top 10px; background-size: 30% auto; }
  .st-overview.st-overview-01 .st-overview-img { display: none; }
  .st-overview.st-overview-01 .st-overview-in { width: 100%; }
  .st-overview.st-overview-01 .st-overview-txt-h { padding-left: 33.3333333333%; } }
@media screen and (max-width: 960px) { .st-overview.st-overview-02 .st-overview-img { width: 100%; text-align: center; }
  .st-overview.st-overview-02 .st-overview-in { position: static; display: block; } }
@media screen and (max-width: 960px) and (max-width: 767px) { .st-overview.st-overview-02 .st-overview-in { width: 100%; } }
@media screen and (max-width: 960px) { .st-overview.st-overview-02 .st-overview-txt { width: 100%; margin-top: 40px; } }

.st-member .st-inner { position: relative; z-index: 1; }
.st-member .st-member-ttl { color: #2e92f0; font-size: 228.5714285714%; font-weight: bold; }
.st-member ul li { float: left; width: 50%; }
@media screen and (max-width: 767px) { .st-member ul li { float: none; width: 100%; } }
.st-member ul li p { border: 1px solid #e8e8e8; }
.st-member ul li p img { width: 100%; }
.st-member ul li dl { padding: 20px 10px 135px; }
@media screen and (max-width: 767px) { .st-member ul li dl { padding-bottom: 30px; } }
.st-member ul li dl dt { margin-bottom: 12px; font-size: 157.1428571429%; font-weight: bold; }
.st-member ul li dl dt span { margin-left: 1em; color: #2e92f0; font-size: 72.7272727273%; }
@media screen and (max-width: 767px) { .st-member ul li dl dt span { display: block; margin-left: 0; } }
.st-member ul li dl dd { line-height: 1.5; }
.st-member ul.st-member-col3 li { width: 33.33%; }
@media screen and (max-width: 767px) { .st-member ul.st-member-col3 li { width: 100%; } }

.st-hightlight { position: relative; }
.st-hightlight::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: rgba(15, 94, 169, 0.8); }
.st-hightlight .st-inner, .st-hightlight .st-inner-f { position: relative; }
.st-hightlight .st-hightlight-img { position: absolute; top: 0; right: 0; z-index: 1; height: 100%; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 1440px) { .st-hightlight .st-hightlight-img { width: 50%; } }
@media screen and (max-width: 767px) { .st-hightlight .st-hightlight-img { position: static; display: block; width: 100%; } }
.st-hightlight .st-hightlight-img.st-hightlight-img-02 { width: 57.0833333333%; }
@media screen and (max-width: 767px) { .st-hightlight .st-hightlight-img.st-hightlight-img-02 { width: 100%; padding: 30px 40px 0; background-color: #0059af; } }
.st-hightlight .st-hightlight-img img { max-width: 100%; }
@media screen and (max-width: 767px) { .st-hightlight .st-hightlight-img img { width: 100%; max-width: initial; } }
.st-hightlight .st-inner-wrap { position: relative; }
.st-hightlight .st-inner-wrap::before { content: ''; position: absolute; top: 0; left: 50%; width: 50%; height: 100%; background-color: rgba(15, 94, 169, 0.8); }
.st-hightlight .st-inner { position: relative; z-index: 1; }
.st-hightlight .st-inner dl { width: 50%; padding: 100px 60px 100px 30px; color: #fff; }
@media screen and (max-width: 767px) { .st-hightlight .st-inner dl { width: 100%; padding: 30px 10px; } }
.st-hightlight .st-inner dl dt { margin-bottom: 60px; font-size: 228.5714285714%; line-height: 1.5; }
@media screen and (max-width: 767px) { .st-hightlight .st-inner dl dt { margin-bottom: 30px; font-size: 171.4285714286%; } }
.st-hightlight .st-inner dl dd { line-height: 1.8; }

.st-hightlight-txt { margin-top: 35px; }
.st-hightlight-txt p { float: left; width: 50%; padding: 0 20px; line-height: 1.8; }
@media screen and (max-width: 767px) { .st-hightlight-txt p { float: none; width: 100%; } }

.st-interview { padding-bottom: 140px; }
@media screen and (max-width: 767px) { .st-interview { padding-bottom: 60px; } }
.st-interview .st-interview-sec { margin-top: 95px; }
@media screen and (max-width: 767px) { .st-interview .st-interview-sec { margin-top: 60px; } }
.st-interview .st-interview-sec-l .st-interview-img { float: left; }
@media screen and (max-width: 767px) { .st-interview .st-interview-sec-l .st-interview-img { float: none; } }
.st-interview .st-interview-sec-r .st-interview-img { float: right; }
@media screen and (max-width: 767px) { .st-interview .st-interview-sec-r .st-interview-img { float: none; } }
.st-interview .st-interview-img { width: 50%; }
@media screen and (max-width: 767px) { .st-interview .st-interview-img { width: 100%; text-align: center; } }
.st-interview .st-interview-txt { float: left; width: 50%; padding: 0 50px; }
@media screen and (max-width: 960px) { .st-interview .st-interview-txt { padding: 0 20px; } }
@media screen and (max-width: 767px) { .st-interview .st-interview-txt { float: none; width: 100%; padding: 20px 10px; } }
.st-interview .st-interview-txt .st-interview-txt-h { margin-bottom: 90px; color: #fff; font-size: 228.5714285714%; line-height: 1.5; }
@media screen and (max-width: 1200px) { .st-interview .st-interview-txt .st-interview-txt-h { font-size: 171.4285714286%; } }
@media screen and (max-width: 960px) { .st-interview .st-interview-txt .st-interview-txt-h { margin-bottom: 60px; } }
@media screen and (max-width: 767px) { .st-interview .st-interview-txt .st-interview-txt-h { margin-bottom: 30px; color: #0059af; } }
.st-interview .st-interview-txt p { margin-bottom: 30px; line-height: 1.8; }
.st-interview .st-interview-txt p:last-child { margin-bottom: 0; }

.st-interview-wrap { margin-top: 95px; }
@media screen and (max-width: 767px) { .st-interview-wrap { margin-top: 60px; } }
.st-interview-wrap .st-interview-bg { position: relative; }
.st-interview-wrap .st-interview-bg::before { content: ''; position: absolute; top: 0; display: block; height: 100%; background-color: rgba(15, 94, 169, 0.8); }
.st-interview-wrap .st-interview-bg .st-interview-bg-in { max-width: 1200px; margin: 0 auto; }
.st-interview-wrap .st-interview-bg .st-interview-bg-in::before { content: ''; display: block; width: 100%; padding-top: 20%; background-color: rgba(15, 94, 169, 0.8); }
.st-interview-wrap .st-interview-bg.st-interview-bg-r::before { left: 50%; width: 50%; }
.st-interview-wrap .st-interview-bg.st-interview-bg-r .st-interview-bg-in::before { width: 50%; }
.st-interview-wrap .st-interview-bg.st-interview-bg-f::before { left: 0; width: 100%; }
.st-interview-wrap .st-interview-bg.st-interview-bg-f .st-interview-bg-in::before { background: none; }
.st-interview-wrap .st-interview { position: relative; z-index: 1; margin-top: -160px; }
@media screen and (max-width: 1200px) { .st-interview-wrap .st-interview { margin-top: -13.3333333333%; } }
.st-interview-wrap .st-interview-sec:first-child { margin-top: 0; }

.st-headline { position: relative; padding-bottom: 130px; }
.st-headline img { width: 100%; }
.st-headline .st-headline-ttl { position: absolute; left: 0; bottom: 0; width: 100%; }
.st-headline .st-headline-ttl .st-headline-ttl-in { max-width: 1300px; margin: 0 auto; padding: 0 10px; }
.st-headline .st-headline-ttl .st-headline-ttl-h { max-width: 680px; padding: 60px 0 80px 80px; background-color: rgba(15, 94, 169, 0.8); color: #fff; font-weight: bold; }
@media screen and (max-width: 960px) { .st-headline .st-headline-ttl .st-headline-ttl-h { max-width: 66.66%; padding: 40px 0 40px 50px; } }
@media screen and (max-width: 767px) { .st-headline .st-headline-ttl .st-headline-ttl-h { max-width: 100%; padding: 20px 0 20px 30px; } }
.st-headline .st-headline-ttl .st-headline-ttl-h p { font-size: 228.5714285714%; line-height: 1.5; }
@media screen and (max-width: 767px) { .st-headline .st-headline-ttl .st-headline-ttl-h p { font-size: 171.4285714286%; } }

.st-product { margin-bottom: 70px; padding: 70px 0 95px; background-color: rgba(15, 94, 169, 0.8); }
@media screen and (max-width: 767px) { .st-product { margin-bottom: 60px; padding: 50px 0 60px; } }
.st-product .st-product-ttl { margin-bottom: 70px; color: #fff; font-size: 228.5714285714%; font-weight: bold; text-align: center; }
@media screen and (max-width: 767px) { .st-product .st-product-ttl { margin-bottom: 40px; font-size: 171.4285714286%; } }
.st-product ul { padding: 0 2.5%; }
.st-product ul li { float: left; width: 47.3684210526%; background-color: #fff; text-align: center; }
@media screen and (max-width: 767px) { .st-product ul li { float: none; width: 100%; margin-bottom: 40px; } }
.st-product ul li:last-child { float: right; }
@media screen and (max-width: 767px) { .st-product ul li:last-child { float: none; margin-bottom: 0; } }
.st-product ul.st-product-col3 li { width: 32.4561403509%; margin-right: 1.3157894737%; padding-bottom: 30px; }
@media screen and (max-width: 767px) { .st-product ul.st-product-col3 li { width: 100%; margin-right: 0; } }
.st-product ul.st-product-col3 li:last-child { margin-right: 0; }
.st-product .st-product-img { padding: 55px 10px 0; }
.st-product .st-product-txt { padding: 30px 0; color: #000; font-size: 142.8571428571%; font-weight: bold; }

.st-link { padding-bottom: 100px; }
@media screen and (max-width: 767px) { .st-link { padding-bottom: 60px; } }
.st-link .st-link-ttl { margin-bottom: 40px; color: #2e92f0; font-size: 185.7142857143%; font-weight: bold; text-align: center; }
@media screen and (max-width: 767px) { .st-link .st-link-ttl { margin-bottom: 30px; font-size: 157.1428571429%; } }
.st-link ul { padding: 0 2.5%; }
.st-link ul li { float: left; width: 47.3684210526%; margin-top: 20px; background-color: #0f5ea9; }
@media screen and (max-width: 767px) { .st-link ul li { float: none; width: 100%; } }
.st-link ul li:nth-child(even) { float: right; }
@media screen and (max-width: 767px) { .st-link ul li:nth-child(even) { float: none; } }
.st-link ul li a { display: block; padding: 15px 0 15px 20px; color: #fff; }

.st-other { padding: 60px 0; background-color: #313131; }
@media screen and (max-width: 767px) { .st-other { padding-top: 50px; } }
.st-other .st-other-ttl { margin-bottom: 60px; color: #2e92f0; font-size: 228.5714285714%; font-weight: bold; text-align: center; }
@media screen and (max-width: 767px) { .st-other .st-other-ttl { margin-bottom: 40px; font-size: 171.4285714286%; } }
.st-other ul { padding: 0 2.5%; }
.st-other ul li { float: left; width: 29.8245614035%; margin-right: 5.2631578947%; text-align: center; }
@media screen and (max-width: 767px) { .st-other ul li { float: none; width: 100%; margin-bottom: 40px; } }
.st-other ul li:last-child { margin-right: 0; }
@media screen and (max-width: 767px) { .st-other ul li:last-child { float: none; margin-bottom: 0; } }
.st-other .st-other-img { position: relative; }
.st-other .st-other-img p { position: absolute; top: 0; left: 12px; display: block; width: 80px; padding: 20px 0 15px; background-color: #0059af; color: #fff; font-size: 228.5714285714%; }
.st-other .st-other-img p span { display: inline-block; }
.st-other .st-other-img p span::after { content: ''; display: block; width: 100%; height: 3px; background-color: #fff; }
@media screen and (max-width: 767px) { .st-other .st-other-img img { width: 100%; } }
.st-other .st-other-txt { margin-top: 15px; color: #2e92f0; font-size: 128.5714285714%; font-weight: bold; line-height: 1.5; }
.st-other .st-other-btn { display: block; max-width: 450px; margin: 40px auto 0; padding: 25px 10px; background-color: #0059af; color: #fff; font-size: 128.5714285714%; font-weight: bold; text-align: center; }

.nav-global-brand { display: none; }

.nav-global-brand.is-fixed { position: fixed; z-index: 20; top: 61px; left: 0; width: 100%; height: auto; padding: 10px; background-color: rgba(247, 247, 247, 0.9); }

.nav-global-brand.is-fixed .nav-global-brand-list { margin-bottom: 15px; }

.nav-global-brand.is-fixed .nav-global-brand-list > li { border-bottom: 1px solid #e8e8e8; }

.nav-global-brand.is-fixed .nav-global-brand-list > li.is-current > a, .nav-global-brand.is-fixed .nav-global-brand-list > li.is-current > span { color: #fff; background-color: #0059af; }

.nav-global-brand.is-fixed .nav-global-brand-list > li.is-current > ul { display: block; }

.nav-global-brand.is-fixed .nav-global-brand-list > li > a, .nav-global-brand.is-fixed .nav-global-brand-list > li > span { position: relative; display: block; padding: 13px 10px 10px; }

.nav-global-brand.is-fixed .nav-global-brand-list > li > a i, .nav-global-brand.is-fixed .nav-global-brand-list > li > span i { position: absolute; right: 13px; color: #b6b6b8; }

.nav-global-brand.is-fixed .nav-global-brand-list > li > a.btn-toggle, .nav-global-brand.is-fixed .nav-global-brand-list > li > span.btn-toggle { padding-right: 40px; }

.nav-global-brand.is-fixed .nav-global-brand-list > li > ul { display: none; }

.nav-global-brand.is-fixed .nav-global-brand-list > li > ul > li > a, .nav-global-brand.is-fixed .nav-global-brand-list > li > ul > li > span { display: block; padding: 13px 10px 10px 24px; border-top: 1px solid #e8e8e8; }

.nav-global-brand.is-fixed .nav-global-brand-list > li > ul > li.is-current:first-child > * { border-top: none; }

.nav-global-brand { position: absolute; z-index: 10; top: 61px; left: 0; overflow-x: auto; width: 100%; height: auto; max-height: calc(100vh - 61px); padding: 10px; background-color: rgba(247, 247, 247, 0.9); }

.nav-global-brand-list { margin-bottom: 15px; }

.nav-global-brand-list > li { border-bottom: 1px solid #e8e8e8; }
.nav-global-brand-list > li:last-child { margin-top: 5px; background-color: #0059af; }
.nav-global-brand-list > li:last-child a { color: #fff; }

.nav-global-brand-list > li.is-current > a, .nav-global-brand-list > li.is-current > span { color: #fff; background-color: #0059af; }

.nav-global-brand-list > li.is-current > ul { display: block; }

.nav-global-brand-list > li > a, .nav-global-brand-list > li > span { position: relative; display: block; padding: 13px 10px 10px; }

.nav-global-brand-list > li > a i, .nav-global-brand-list > li > span i { position: absolute; right: 13px; color: #b6b6b8; }

.nav-global-brand-list > li > a.btn-toggle, .nav-global-brand-list > li > span.btn-toggle { padding-right: 40px; }

.nav-global-brand-list > li > ul { display: none; }

.nav-global-brand-list > li > ul > li > a, .nav-global-brand-list > li > ul > li > span { display: block; padding: 13px 10px 10px 24px; border-top: 1px solid #e8e8e8; }

.nav-global-brand-list > li > ul > li.is-current:first-child > * { border-top: none; }

@media screen and (max-width: 767px) { .nav-global-brand { background-color: #f7f7f7; } }
.nav-global-brand .btn-inquiry-sp { margin-bottom: 12px; }

.nav-global-brand .btn-inquiry-sp .ico-mail { margin: 0 18px 0 0; }

.nav-global-brand .btn-inquiry-sp .ico-arrow { font-size: 93%; }

@keyframes bound { 0% { transform: translateY(0); }
  5% { transform: translateY(-25px); }
  10% { transform: translateY(0); }
  20% { transform: translateY(-15px); }
  25% { transform: translateY(0); }
  30% { transform: translateY(0); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .lf-main .lf-modal { align-items: flex-start; } }
@media screen and (max-width: 767px) { .nav-global-brand { background-color: #f7f7f7; } }
.that_time { text-align: right; top: -107px; position: relative; }

@media screen and (max-width: 767px) { .that_time { text-align: left; top: auto; position: static; margin: 0 10px 16px; } }

/*# sourceMappingURL=brand.css.map */