html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{transition:.2s ease;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box}ins{background-color:#ff9;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}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:top;font-size:0;line-height:0}th,strong,address{font-weight:normal}h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}.clear{clear:both}br.clear{line-height:0;font-size:0;height:0}.acenter{text-align:center}.aright{text-align:right}.aleft{text-align:left}.fleft{float:left}.fright{float:right}.vtop{vertical-align:top}.vmiddle{vertical-align:middle}.vbottom{vertical-align:bottom}.clearfix{zoom:1}.clearfix:after{content:"";display:block;clear:both}.inline_block{display:inline-block;display:-moz-inline-box;*display:inline;*zoom:1}textarea{font-size:100%}*{-webkit-text-size-adjust:100%}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media(max-width:768px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media(max-width:768px){.visible-xs-block{display:block !important}}@media(max-width:768px){.visible-xs-inline{display:inline !important}}@media(max-width:768px){.visible-xs-inline-block{display:inline-block !important}}@media(min-width:769px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media(min-width:769px) and (max-width:991px){.visible-sm-block{display:block !important}}@media(min-width:769px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media(min-width:769px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media(min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media(min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media(min-width:1200px){.visible-lg-block{display:block !important}}@media(min-width:1200px){.visible-lg-inline{display:inline !important}}@media(min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media(max-width:768px){.hidden-xs{display:none !important}}@media(min-width:769px) and (max-width:991px){.hidden-sm{display:none !important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media(min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}body{font-family:'Noto Sans JP',sans-serif;color:#000;height:100%}body *{max-height:100%}.container{margin:0;padding:0;width:auto}a:hover{text-decoration:none}.header .nav-outer{position:fixed;top:0;left:0;width:100%;height:70px;background:#fff;transition:.4s ease;zoom:1;*zoom:1;z-index:9}.header .nav-outer:before,.header .nav-outer:after{display:table;content:"";line-height:0}.header .nav-outer:after{clear:both}.header .fixed-nav{position:fixed !important;z-index:9999}.header .fixed-nav .g-nav{top:0}.header .nav{width:1200px;margin:0 auto}@media(max-width:1200px){.header .nav{width:100%}}.header .nav .logo{background:#6d2f5d;width:calc(100%/6);height:auto;float:left;text-align:center}.header .nav .logo a{display:block;padding-top:9px;padding-bottom:10px;height:100%}.header .nav .logo .logo-2{padding:9px 0 10px;display:inline-block;vertical-align:middle;width:100%;text-align:center}@media(max-width:1200px){.header .nav .logo .logo-2{height:70px;display:table-cell}}.header .nav .logo .logo-2 img{max-width:90%}.header .nav .logo img{display:block;margin:auto;max-width:80%;width:auto;height:auto}.header .nav .nav-item{float:left;width:calc(100%/6);height:70px;border-left:solid 1px #898989;position:relative}.header .nav .nav-item:after{content:"";position:absolute;overflow:hidden;left:0;bottom:0;background:url(../img/base/nav-active-bar.png) no-repeat center bottom -10px;transition:.2s ease;width:100%;height:10px}.header .nav .nav-item.active:after{background:url(../img/base/nav-active-bar.png) no-repeat center bottom}.header .nav .nav-item:hover{background:rgba(109,47,93,0.1)}.header .nav .nav-item:hover:after{content:"";background-position:center bottom 0}.header .nav .nav-item:first-child{border-left:0}.header .nav .nav-item>a{display:block;text-align:center;line-height:70px;color:#000;font-weight:500;font-size:18px;transition:.2s ease}.header .nav .nav-item>a:first-child{border-left:0}.header .nav .nav-item:hover .nav-inner{visibility:visible;opacity:1}.header .nav .nav-item:hover .nav-inner .nav-child a{visibility:visible;opacity:1}.header .nav .nav-item .nav-inner{margin:0 -1px;visibility:hidden;opacity:0;transition:.5s}.header .nav .nav-item .nav-inner .nav-child{background:rgba(109,47,93,0.7);border-top:solid 1px #fff;text-align:center}.header .nav .nav-item .nav-inner .nav-child a{color:#fff;font-size:18px;display:table;width:100%;height:70px;visibility:hidden;opacity:1;transition:.5s}.header .nav .nav-item .nav-inner .nav-child a .child-inner{display:table-cell;height:90px;line-height:24px;vertical-align:middle}.header .nav .nav-item .nav-inner .nav-child a:hover{background:rgba(54,5,41,0.4)}.header .nav .nav-item .nav-inner .nav-child:first-child{border-top:0}.header .nav .nav-contact{background:#6d2f5d;border-left:0}.header .nav .nav-contact:hover{background:#6d2f5d}.header .nav .nav-contact:after{display:none}.header .nav .nav-contact a{color:#fff}.header .nav .nav-contact a:hover{background:#853c70}.fix-bn{width:100%;background:rgba(0,0,0,0.6);color:#fff;max-height:initial;max-height:auto}.fix-bn .inner{width:1200px;padding:10px 0;background:url(/bundles/web/img/base/icon_workinlife.png) no-repeat left bottom;background-size:contain}.fix-bn .inner a{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}.fix-bn .inner a:hover .more{background:#fff;color:#000}.fix-bn .sdgs-ttl{font-size:28px;font-weight:500;margin:0 40px 0 0;color:#fff;letter-spacing:.04em;line-height:1.4;padding-left:70px;position:relative}.fix-bn .sdgs-ttl span{display:block;font-size:18px;font-weight:400;letter-spacing:0;margin-bottom:1px}.fix-bn .more{margin-left:auto;color:#fff;font-size:16px;padding:14px 38px;border:solid 1px #fff;border-radius:44px;transition:all .3s ease}.footer{background:#6d2f5d;color:#fff;padding:27px 0 20px}@media(max-width:1200px){.footer{padding:27px 20px 20px}}.footer .logo{text-align:center}.footer .f-access{margin-top:29px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 30px}.footer .f-access:before,.footer .f-access:after{display:none}.footer .f-access .item{vertical-align:top;letter-spacing:normal;width:440px;display:flex;align-items:flex-start}.footer .f-access .item .office-name{font-size:12px;width:140px;line-height:18px;padding-right:10px;letter-spacing:.04em}.footer .f-access .item .office-add{font-size:12px;line-height:18px;letter-spacing:.04em;flex:1}.footer .f-access .item .office-add a{font-size:12px;color:#fff}.footer .f-access .item .office-add a:hover{text-decoration:underline}.footer .f-sitemap{margin-top:54px;letter-spacing:-0.4em;text-align:center}.footer .f-sitemap li,.footer .f-sitemap a{color:#fff;font-size:12px}.footer .f-sitemap li{display:inline-block;letter-spacing:normal}.footer .f-sitemap li:before{content:'/';margin:0 3px}.footer .f-sitemap li:first-child:before{display:none}.footer .f-sitemap li a:hover{text-decoration:underline}.footer .copyright{margin-top:7px;text-align:center;font-size:12px;color:#fff}.inner{width:1200px;margin-right:auto;margin-left:auto;zoom:1;*zoom:1}.inner:before,.inner:after{display:table;content:"";line-height:0}.inner:after{clear:both}@media(max-width:1200px){.inner{width:100%;padding:0 10px}}.title-area-in{height:445px;margin-top:70px}.title-area-in .title-img{height:400px;text-align:center;position:relative;padding:159px 0}.title-area-in .pnkz{margin-top:20px;letter-spacing:-0.4em}.title-area-in .pnkz .pnkz-item,.title-area-in .pnkz .pnkz-item a{font-size:12px;color:#000}.title-area-in .pnkz .pnkz-item{display:inline-block;letter-spacing:normal;position:relative;padding-right:30px}.title-area-in .pnkz .pnkz-item a,.title-area-in .pnkz .pnkz-item span{display:block;padding:6px 8px 5px;letter-spacing:.04em;border:solid 1px #898989}.title-area-in .pnkz .pnkz-item a:hover{background:#e4e4e4}.title-area-in .pnkz .pnkz-item:before{content:'??;
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}
.title-area-in .pnkz .pnkz-item:first-child:before {
  display: none;
}
.left-content {
  float: left;
  width: 74.16666667%;
}
@media (max-width: 1200px) {
  .left-content {
    width: 70%;
  }
}
.side-outer {
  float: right;
  width: 20.83333333%;
  margin-bottom: 130px;
}
@media (max-width: 1200px) {
  .side-outer {
    width: 28%;
    max-width: 250px;
  }
}
.side-outer .page-menu .ttl {
  background: #6d2f5d;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 60px;
}
.side-outer .page-menu .page-list {
  border-right: solid 1px #b2b2b2;
  border-left: solid 1px #b2b2b2;
}
.side-outer .page-menu .page-list li {
  border-bottom: solid 1px #b2b2b2;
}
.side-outer .page-menu .page-list li.active a {
  background-color: #f6e5f2;
}
.side-outer .page-menu .page-list li a {
  display: block;
  background: url(../img/index/arrow-news-list.png) no-repeat right 18px center;
  width: 100%;
  padding: 15px 20px 15px;
  color: #000;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 70px;
  gap: 6px 0.5rem;
}
.side-outer .page-menu .page-list li a:hover {
  background-color: #f6e5f2;
}
.side-outer .page-menu .page-list li a .list-inner {
  font-size: 18px;
}
.side-outer .page-menu .page-list li a .list-inner-small {
  color: #6d2f5d;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.side-outer .page-menu .bn {
  margin-top: 30px;
}
.side-outer .page-menu .bn .item {
  margin-top: 10px;
  width: 250px;
  height: 110px;
}
.side-outer .page-menu .bn .item.company {
  background: url(../img/business/bn-company.jpg) no-repeat center top;
}
.side-outer .page-menu .bn .item.recruit {
  background: url(../img/business/bn-recruit.jpg) no-repeat center top;
}
.side-outer .page-menu .bn .item.contact {
  background: url(../img/business/bn-contact.jpg) no-repeat center top;
}
.side-outer .page-menu .bn .item:first-child {
  margin-top: 0;
}
.side-outer .page-menu .bn .item a {
  display: block;
  width: 100%;
  height: 110px;
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.2s ease;
}
.side-outer .page-menu .bn .item a .bn-inner {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.side-outer .page-menu .bn .item a:hover {
  background: transparent;
}
.inner .pagetop-in {
  position: fixed;
  bottom: 30px;
  right: 30px;
}
.inner .pagetop-in a:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
}
@media screen and (max-width: 845px) {
  .side-outer .page-menu .page-list li a {
    background: url(../img/index/arrow-news-list.png) no-repeat right 7px center;
    padding-left: 5px;
  }
}
@media (max-width: 768px) {
  body {
    font-family: 'Noto Sans JP', sans-serif;
  }
  body .contents-l {
    min-width: 100%;
  }
  .fixed {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.3s;
    height: 66.66666667px;
    z-index: 99;
  }
  .header .nav-outer {
    height: 66.66666667px;
    padding: 13.33333333px;
    background: #6d2f5d;
    position: static;
    zoom: 1;
    *zoom: 1;
    z-index: 2;
  }
  .header .nav-outer:before,
  .header .nav-outer:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .header .nav-outer:after {
    clear: both;
  }
  .header .nav {
    width: 100%;
  }
  .header .nav .logo {
    background: none;
    width: 261.33333333px;
    height: auto;
    float: left;
    text-align: center;
  }
  .header .nav .logo a {
    display: block;
    padding: 2.66666667px 0 0;
    height: 100%;
  }
  .header .nav .logo img {
    width: 100%;
    height: auto;
    margin: 0;
    max-width: 100%;
  }
  .header .nav .nav-trigger,
  .header .nav .nav-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .header .nav .nav-trigger {
    position: relative;
    width: 46.66666667px;
    height: 40px;
    z-index: 10000;
    float: right;
  }
  .header .nav .nav-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #fff;
    border-radius: 6px;
  }
  .header .nav .nav-trigger span:nth-of-type(1) {
    top: 0;
  }
  .header .nav .nav-trigger span:nth-of-type(2) {
    top: 16.66666667px;
  }
  .header .nav .nav-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .header .nav .nav-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(17px) rotate(-315deg);
    transform: translateY(17px) rotate(-315deg);
  }
  .header .nav .nav-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .header .nav .nav-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-17px) rotate(315deg);
    transform: translateY(-17px) rotate(315deg);
  }
  .header .nav .modal-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    top: 0;
    left: 0;
    padding: 0 40px 40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .nav .modal-menu.active {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu.active .xss-nav .nav-item {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu.active .close-btn {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu .modal-inner {
    max-height: initial;
  }
  .header .nav .modal-menu .xss-nav {
    padding-top: 76.66666667px;
  }
  .header .nav .modal-menu .xss-nav .nav-item {
    float: none;
    width: 100%;
    height: 60px;
    border-left: 0;
    border-top: solid 1px #fff;
    position: relative;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:after {
    display: none;
  }
  .header .nav .modal-menu .xss-nav .nav-item:first-child {
    border-top: 0;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(1) {
    transition-delay: 0.4s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(2) {
    transition-delay: 0.5s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(3) {
    transition-delay: 0.6s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4) {
    transition-delay: 0.7s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) {
    transition-delay: 0.8s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(6) {
    transition-delay: 0.9s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(7) {
    transition-delay: 1s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(8) {
    transition-delay: 1.1s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4),
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) {
    height: 75px;
    padding: 5px 0;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4) a,
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) a {
    line-height: 30px;
  }
  .header .nav .modal-menu .xss-nav .nav-item > a {
    display: block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
  }
  .header .nav .modal-menu .xss-nav .nav-item > a:hover {
    background: none;
  }
  .header .nav .modal-menu .close-btn {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    transition-delay: 1.2s;
  }
  .header .nav .modal-menu .close-btn a {
    display: block;
    width: 100%;
    background: #fff;
    line-height: 53.33333333px;
    text-align: center;
    font-size: 16.66666667px;
    color: #6d2f5d;
  }
  .fix-bn {
    margin: 13.33333333px -13.33333333px 0;
    padding: 0;
    width: auto;
  }
  .fix-bn .inner {
    width: 100%;
    display: block;
    padding: 13.33333333px 0;
  }
  .fix-bn .inner a {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .fix-bn img {
    width: 33.33333333px;
    height: auto;
  }
  .fix-bn .sdgs-ttl {
    font-size: 17.33333333px;
    line-height: 1.6;
    padding: 0 0 0 33.33333333px;
    margin: 0;
  }
  .fix-bn .sdgs-ttl span {
    font-size: 13.33333333px;
  }
  .fix-bn .inner .more {
    text-align: center;
    border-radius: 0;
    padding: 0;
    border: 0;
    font-size: 16.66666667px;
    margin-left: 5px;
    margin-top: auto;
    margin-bottom: 4px;
  }
  .footer {
    background: #fff;
    color: #000;
    padding: 0;
  }
  .footer .pagetop {
    background: #4e4e4e;
  }
  .footer .pagetop a {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 16.66666667px;
    font-weight: 500;
    line-height: 23.33333333px;
    text-align: center;
  }
  .footer .pagetop a:after {
    content: '';
    background: url(../img/base/sp/icon-pagetop.png) no-repeat center top;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    width: 23.33333333px;
    height: 23.33333333px;
    margin-left: 10px;
  }
  .footer .f-sitemap {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .footer .f-sitemap li,
  .footer .f-sitemap a {
    color: #000;
    font-size: 15px;
    font-feature-settings: "palt";
  }
  .footer .f-sitemap li {
    display: inline-block;
    width: calc(100% / 3);
    height: 80px;
    border-bottom: 1px solid #4e4e4e;
  }
  .footer .f-sitemap li a {
    width: 100%;
    line-height: 53.33333333px;
    font-weight: 500;
    display: table;
    height: 80px;
    letter-spacing: normal;
    padding: 0 13.33333333px;
  }
  .footer .f-sitemap li a span {
    display: table-cell;
    vertical-align: middle;
    line-height: 24px;
  }
  .footer .f-sitemap li a:hover {
    background-color: #f6e5f2;
    text-decoration: none;
  }
  .footer .f-sitemap li:before {
    display: none;
  }
  .footer .f-sitemap li:nth-child(3n-1) {
    border-left: 1px;
    border-right: 1px;
    border-color: #4e4e4e;
    border-style: solid;
  }
  .footer .f-sitemap li:nth-last-child(-n+3) {
    border-bottom: none;
  }
  .footer .logo {
    background: #6d2f5d;
    padding: 11.66666667px 0;
  }
  .footer .logo img {
    width: 260.66666667px;
    height: auto;
  }
  .title-area-in {
    height: 0;
    margin-top: 146.66666667px;
    padding-bottom: 40.25764895%;
    position: relative;
  }
  .title-area-in .pnkz {
    margin-top: 0;
    padding: 0 13.33333333px;
    position: absolute;
    bottom: 6.66666667px;
  }
  .title-area-in .pnkz .pnkz-item,
  .title-area-in .pnkz .pnkz-item a {
    font-size: 12px;
    color: #fff;
  }
  .title-area-in .pnkz .pnkz-item {
    padding-right: 26.66666667px;
  }
  .title-area-in .pnkz .pnkz-item a,
  .title-area-in .pnkz .pnkz-item span {
    display: block;
    padding: 6px 8.33333333px 6px;
    letter-spacing: 0.04em;
    border: solid 1px #fff;
  }
  .title-area-in .pnkz .pnkz-item a:hover {
    background: #E4E4E4;
  }
  .title-area-in .pnkz .pnkz-item:before {
    content: '>';
    position: absolute;
    top: 50%;
    left: -16.66666667px;
    transform: translateY(-50%);
    font-size: 12px;
  }
  .title-area-in .pnkz .pnkz-item:first-child:before {
    display: none;
  }
  .inner {
    padding: 0 20px;
  }
  .left-content {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .title-area-in {
    background: url(../img/company/sp/bg-top-map.jpg) no-repeat center top;
    background-size: contain;
  }
  .content-wrapper {
    margin-top: 125px/3;
    padding-bottom: 150px/3;
  }
  .content-wrapper .inner {
    width: 100%;
  }
  .content-wrapper .map-nav {
    margin: 0 -1%;
  }
  .content-wrapper .map-nav .nav-item {
    width: 50%;
    padding: 0 1%;
  }
  .content-wrapper .map-nav .nav-item.nav-top {
    width: 100%;
  }
  .content-wrapper .map-nav .nav-item > a,
  .content-wrapper .map-nav .nav-item > span {
    border-width: 3px/3;
  }
  .content-wrapper .map-nav .nav-item a,
  .content-wrapper .map-nav .nav-item > span {
    font-size: 46px/3;
    border-width: 3px/3;
    line-height: 144px/3;
    height: 150px/3;
  }
  .content-wrapper .map-nav .nav-item:nth-child(3) a {
    height: 85px;
  }
  .content-wrapper .map-nav .nav-child a {
    display: table;
    line-height: 1;
  }
  .content-wrapper .map-nav .nav-child a span {
    display: table-cell;
    vertical-align: middle;
    height: 150px/3;
    line-height: 70px/3;
  }
}
@media (max-width: 409px) {
  body {
    font-family: 'Noto Sans JP', sans-serif;
  }
  body .contents-l {
    min-width: 100%;
  }
  .fixed {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.3s;
    height: 50px;
    z-index: 99;
  }
  .header .nav-outer {
    height: 50px;
    padding: 10px;
    background: #6d2f5d;
    position: static;
    zoom: 1;
    *zoom: 1;
    z-index: 2;
  }
  .header .nav-outer:before,
  .header .nav-outer:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .header .nav-outer:after {
    clear: both;
  }
  .header .nav {
    width: 100%;
  }
  .header .nav .logo {
    background: none;
    width: 196px;
    height: auto;
    float: left;
    text-align: center;
  }
  .header .nav .logo a {
    display: block;
    padding: 2px 0 0;
    height: 100%;
  }
  .header .nav .logo img {
    width: 100%;
    height: auto;
    margin: 0;
    max-width: 100%;
  }
  .header .nav .nav-trigger,
  .header .nav .nav-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .header .nav .nav-trigger {
    position: relative;
    width: 35px;
    height: 30px;
    z-index: 10000;
    float: right;
  }
  .header .nav .nav-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4.5px;
    background-color: #fff;
    border-radius: 4.5px;
  }
  .header .nav .nav-trigger span:nth-of-type(1) {
    top: 0;
  }
  .header .nav .nav-trigger span:nth-of-type(2) {
    top: 12.5px;
  }
  .header .nav .nav-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .header .nav .nav-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(12.75px) rotate(-315deg);
    transform: translateY(12.75px) rotate(-315deg);
  }
  .header .nav .nav-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .header .nav .nav-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12.75px) rotate(315deg);
    transform: translateY(-12.75px) rotate(315deg);
  }
  .header .nav .modal-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    top: 0;
    left: 0;
    padding: 0 30px 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .nav .modal-menu.active {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu.active .xss-nav .nav-item {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu.active .close-btn {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu .modal-inner {
    max-height: initial;
  }
  .header .nav .modal-menu .xss-nav {
    padding-top: 57.5px;
  }
  .header .nav .modal-menu .xss-nav .nav-item {
    float: none;
    width: 100%;
    height: 45px;
    border-left: 0;
    border-top: solid 1px #fff;
    position: relative;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:after {
    display: none;
  }
  .header .nav .modal-menu .xss-nav .nav-item:first-child {
    border-top: 0;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(1) {
    transition-delay: 0.4s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(2) {
    transition-delay: 0.5s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(3) {
    transition-delay: 0.6s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4) {
    transition-delay: 0.7s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) {
    transition-delay: 0.8s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(6) {
    transition-delay: 0.9s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(7) {
    transition-delay: 1s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(8) {
    transition-delay: 1.1s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4),
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) {
    height: 75px;
    padding: 5px 0;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4) a,
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) a {
    line-height: 30px;
  }
  .header .nav .modal-menu .xss-nav .nav-item > a {
    display: block;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 15px;
  }
  .header .nav .modal-menu .xss-nav .nav-item > a:hover {
    background: none;
  }
  .header .nav .modal-menu .close-btn {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    transition-delay: 1.2s;
  }
  .header .nav .modal-menu .close-btn a {
    display: block;
    width: 100%;
    background: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 12.5px;
    color: #6d2f5d;
  }
  .fix-bn {
    margin: 10px -10px 0;
    padding: 0;
    width: auto;
  }
  .fix-bn .inner {
    width: 100%;
    display: block;
    padding: 10px 0;
  }
  .fix-bn .inner a {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .fix-bn img {
    width: 25px;
    height: auto;
  }
  .fix-bn .sdgs-ttl {
    font-size: 13px;
    line-height: 1.6;
    padding: 0 0 0 25px;
    margin: 0;
  }
  .fix-bn .sdgs-ttl span {
    font-size: 10px;
  }
  .fix-bn .inner .more {
    text-align: center;
    border-radius: 0;
    padding: 0;
    border: 0;
    font-size: 12.5px;
    margin-left: 5px;
    margin-top: auto;
    margin-bottom: 4px;
  }
  .footer {
    background: #fff;
    color: #000;
    padding: 0;
  }
  .footer .pagetop {
    background: #4e4e4e;
  }
  .footer .pagetop a {
    display: block;
    color: #fff;
    font-size: 13.5px;
    padding: 12.5px;
    font-weight: 500;
    line-height: 17.5px;
    text-align: center;
  }
  .footer .pagetop a:after {
    content: '';
    background: url(../img/base/sp/icon-pagetop.png) no-repeat center top;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    width: 17.5px;
    height: 17.5px;
    margin-left: 7.5px;
  }
  .footer .f-sitemap {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .footer .f-sitemap li,
  .footer .f-sitemap a {
    color: #000;
    font-size: 11.25px;
    font-feature-settings: "palt";
  }
  .footer .f-sitemap li {
    display: inline-block;
    width: calc(100% / 3);
    height: 60px;
    border-bottom: 1px solid #4e4e4e;
  }
  .footer .f-sitemap li a {
    width: 100%;
    line-height: 40px;
    font-weight: 500;
    display: table;
    height: 60px;
    letter-spacing: normal;
    padding: 0 10px;
  }
  .footer .f-sitemap li a span {
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
  }
  .footer .f-sitemap li a:hover {
    background-color: #f6e5f2;
    text-decoration: none;
  }
  .footer .f-sitemap li:before {
    display: none;
  }
  .footer .f-sitemap li:nth-child(3n-1) {
    border-left: 1px;
    border-right: 1px;
    border-color: #4e4e4e;
    border-style: solid;
  }
  .footer .f-sitemap li:nth-last-child(-n+3) {
    border-bottom: none;
  }
  .footer .logo {
    background: #6d2f5d;
    padding: 8.75px 0;
  }
  .footer .logo img {
    width: 195.5px;
    height: auto;
  }
  .title-area-in {
    height: 0;
    margin-top: 110px;
    padding-bottom: 40.25764895%;
    position: relative;
  }
  .title-area-in .pnkz {
    margin-top: 0;
    padding: 0 10px;
    position: absolute;
    bottom: 5px;
  }
  .title-area-in .pnkz .pnkz-item,
  .title-area-in .pnkz .pnkz-item a {
    font-size: 9px;
    color: #fff;
  }
  .title-area-in .pnkz .pnkz-item {
    padding-right: 20px;
  }
  .title-area-in .pnkz .pnkz-item a,
  .title-area-in .pnkz .pnkz-item span {
    display: block;
    padding: 4.5px 6.25px 4.5px;
    letter-spacing: 0.04em;
    border: solid 1px #fff;
  }
  .title-area-in .pnkz .pnkz-item a:hover {
    background: #E4E4E4;
  }
  .title-area-in .pnkz .pnkz-item:before {
    content: '>';
    position: absolute;
    top: 50%;
    left: -12.5px;
    transform: translateY(-50%);
    font-size: 9px;
  }
  .title-area-in .pnkz .pnkz-item:first-child:before {
    display: none;
  }
  .inner {
    padding: 0 15px;
  }
  .left-content {
    width: 100%;
  }
}
@media (max-width: 409px) {
  .title-area-in {
    background: url(../img/company/sp/bg-top-map.jpg) no-repeat center top;
    background-size: contain;
  }
  .content-wrapper {
    margin-top: 125px/4;
    padding-bottom: 150px/4;
  }
  .content-wrapper .inner {
    width: 100%;
  }
  .content-wrapper .map-nav {
    margin: 0 -1%;
  }
  .content-wrapper .map-nav .nav-item {
    width: 50%;
    padding: 0 1%;
  }
  .content-wrapper .map-nav .nav-item.nav-top {
    width: 100%;
  }
  .content-wrapper .map-nav .nav-item > a,
  .content-wrapper .map-nav .nav-item > span {
    border-width: 3px/4;
  }
  .content-wrapper .map-nav .nav-item a,
  .content-wrapper .map-nav .nav-item > span {
    font-size: 46px/4;
    border-width: 3px/4;
    line-height: 144px/4;
    height: 150px/4;
  }
  .content-wrapper .map-nav .nav-item:nth-child(3) a {
    height: 85px;
  }
  .content-wrapper .map-nav .nav-child a {
    display: table;
    line-height: 1;
  }
  .content-wrapper .map-nav .nav-child a span {
    display: table-cell;
    vertical-align: middle;
    height: 150px/4;
    line-height: 70px/4;
  }
}
.title-area-in .title-img {
  background: url(../img/company/bg-top.jpg) no-repeat center top;
}
.content-wrapper {
  margin-top: 60px;
  padding-bottom: 120px;
}
.content-wrapper .inner {
  width: 1000px;
  margin: 0 auto;
}
.content-wrapper .map-nav {
  margin: 0 -5px;
  font-size: 0;
}
.content-wrapper .map-nav .nav-item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 5px;
  margin-bottom: 20px;
}
.content-wrapper .map-nav .nav-item > a,
.content-wrapper .map-nav .nav-item > span {
  border: solid 1px #c9caca;
}
.content-wrapper .map-nav .nav-item a,
.content-wrapper .map-nav .nav-item > span {
  display: block;
  width: 100%;
  line-height: 48px;
  height: 50px;
  font-size: 16px;
  color: #767676;
  text-align: center;
}
.content-wrapper .map-nav .nav-item a:hover {
  color: #f38900;
}
.content-wrapper .map-nav .nav-item .nav-child a {
  border-bottom: solid 1px #c9caca;
}
.content-wrapper .map-nav .nav-item .nav-child:first-of-type a {
  border-top: 0;
}
.content-wrapper .map-nav .nav-item.nav-item:not(.nav-none) > a {
  position: relative;
}
.content-wrapper .map-nav .nav-item.nav-item:not(.nav-none) > a:hover {
  background: #e5e5e5;
}
.content-wrapper .map-nav .nav-item.nav-item:not(.nav-none) > a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: "??;
  display: inline-block;
}
.content-wrapper .map-nav .nav-item:nth-child(3) a {
  line-height: 30px;
  height: 83px;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 768px) {
  body {
    font-family: 'Noto Sans JP', sans-serif;
  }
  body .contents-l {
    min-width: 100%;
  }
  .fixed {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.3s;
    height: 66.66666667px;
    z-index: 99;
  }
  .header .nav-outer {
    height: 66.66666667px;
    padding: 13.33333333px;
    background: #6d2f5d;
    position: static;
    zoom: 1;
    *zoom: 1;
    z-index: 2;
  }
  .header .nav-outer:before,
  .header .nav-outer:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .header .nav-outer:after {
    clear: both;
  }
  .header .nav {
    width: 100%;
  }
  .header .nav .logo {
    background: none;
    width: 261.33333333px;
    height: auto;
    float: left;
    text-align: center;
  }
  .header .nav .logo a {
    display: block;
    padding: 2.66666667px 0 0;
    height: 100%;
  }
  .header .nav .logo img {
    width: 100%;
    height: auto;
    margin: 0;
    max-width: 100%;
  }
  .header .nav .nav-trigger,
  .header .nav .nav-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .header .nav .nav-trigger {
    position: relative;
    width: 46.66666667px;
    height: 40px;
    z-index: 10000;
    float: right;
  }
  .header .nav .nav-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #fff;
    border-radius: 6px;
  }
  .header .nav .nav-trigger span:nth-of-type(1) {
    top: 0;
  }
  .header .nav .nav-trigger span:nth-of-type(2) {
    top: 16.66666667px;
  }
  .header .nav .nav-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .header .nav .nav-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(17px) rotate(-315deg);
    transform: translateY(17px) rotate(-315deg);
  }
  .header .nav .nav-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .header .nav .nav-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-17px) rotate(315deg);
    transform: translateY(-17px) rotate(315deg);
  }
  .header .nav .modal-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    top: 0;
    left: 0;
    padding: 0 40px 40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .nav .modal-menu.active {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu.active .xss-nav .nav-item {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu.active .close-btn {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu .modal-inner {
    max-height: initial;
  }
  .header .nav .modal-menu .xss-nav {
    padding-top: 76.66666667px;
  }
  .header .nav .modal-menu .xss-nav .nav-item {
    float: none;
    width: 100%;
    height: 60px;
    border-left: 0;
    border-top: solid 1px #fff;
    position: relative;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:after {
    display: none;
  }
  .header .nav .modal-menu .xss-nav .nav-item:first-child {
    border-top: 0;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(1) {
    transition-delay: 0.4s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(2) {
    transition-delay: 0.5s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(3) {
    transition-delay: 0.6s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4) {
    transition-delay: 0.7s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) {
    transition-delay: 0.8s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(6) {
    transition-delay: 0.9s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(7) {
    transition-delay: 1s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(8) {
    transition-delay: 1.1s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4),
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) {
    height: 75px;
    padding: 5px 0;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4) a,
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) a {
    line-height: 30px;
  }
  .header .nav .modal-menu .xss-nav .nav-item > a {
    display: block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
  }
  .header .nav .modal-menu .xss-nav .nav-item > a:hover {
    background: none;
  }
  .header .nav .modal-menu .close-btn {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    transition-delay: 1.2s;
  }
  .header .nav .modal-menu .close-btn a {
    display: block;
    width: 100%;
    background: #fff;
    line-height: 53.33333333px;
    text-align: center;
    font-size: 16.66666667px;
    color: #6d2f5d;
  }
  .fix-bn {
    margin: 13.33333333px -13.33333333px 0;
    padding: 0;
    width: auto;
  }
  .fix-bn .inner {
    width: 100%;
    display: block;
    padding: 13.33333333px 0;
  }
  .fix-bn .inner a {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .fix-bn img {
    width: 33.33333333px;
    height: auto;
  }
  .fix-bn .sdgs-ttl {
    font-size: 17.33333333px;
    line-height: 1.6;
    padding: 0 0 0 33.33333333px;
    margin: 0;
  }
  .fix-bn .sdgs-ttl span {
    font-size: 13.33333333px;
  }
  .fix-bn .inner .more {
    text-align: center;
    border-radius: 0;
    padding: 0;
    border: 0;
    font-size: 16.66666667px;
    margin-left: 5px;
    margin-top: auto;
    margin-bottom: 4px;
  }
  .footer {
    background: #fff;
    color: #000;
    padding: 0;
  }
  .footer .pagetop {
    background: #4e4e4e;
  }
  .footer .pagetop a {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 16.66666667px;
    font-weight: 500;
    line-height: 23.33333333px;
    text-align: center;
  }
  .footer .pagetop a:after {
    content: '';
    background: url(../img/base/sp/icon-pagetop.png) no-repeat center top;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    width: 23.33333333px;
    height: 23.33333333px;
    margin-left: 10px;
  }
  .footer .f-sitemap {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .footer .f-sitemap li,
  .footer .f-sitemap a {
    color: #000;
    font-size: 15px;
    font-feature-settings: "palt";
  }
  .footer .f-sitemap li {
    display: inline-block;
    width: calc(100% / 3);
    height: 80px;
    border-bottom: 1px solid #4e4e4e;
  }
  .footer .f-sitemap li a {
    width: 100%;
    line-height: 53.33333333px;
    font-weight: 500;
    display: table;
    height: 80px;
    letter-spacing: normal;
    padding: 0 13.33333333px;
  }
  .footer .f-sitemap li a span {
    display: table-cell;
    vertical-align: middle;
    line-height: 24px;
  }
  .footer .f-sitemap li a:hover {
    background-color: #f6e5f2;
    text-decoration: none;
  }
  .footer .f-sitemap li:before {
    display: none;
  }
  .footer .f-sitemap li:nth-child(3n-1) {
    border-left: 1px;
    border-right: 1px;
    border-color: #4e4e4e;
    border-style: solid;
  }
  .footer .f-sitemap li:nth-last-child(-n+3) {
    border-bottom: none;
  }
  .footer .logo {
    background: #6d2f5d;
    padding: 11.66666667px 0;
  }
  .footer .logo img {
    width: 260.66666667px;
    height: auto;
  }
  .title-area-in {
    height: 0;
    margin-top: 146.66666667px;
    padding-bottom: 40.25764895%;
    position: relative;
  }
  .title-area-in .pnkz {
    margin-top: 0;
    padding: 0 13.33333333px;
    position: absolute;
    bottom: 6.66666667px;
  }
  .title-area-in .pnkz .pnkz-item,
  .title-area-in .pnkz .pnkz-item a {
    font-size: 12px;
    color: #fff;
  }
  .title-area-in .pnkz .pnkz-item {
    padding-right: 26.66666667px;
  }
  .title-area-in .pnkz .pnkz-item a,
  .title-area-in .pnkz .pnkz-item span {
    display: block;
    padding: 6px 8.33333333px 6px;
    letter-spacing: 0.04em;
    border: solid 1px #fff;
  }
  .title-area-in .pnkz .pnkz-item a:hover {
    background: #E4E4E4;
  }
  .title-area-in .pnkz .pnkz-item:before {
    content: '>';
    position: absolute;
    top: 50%;
    left: -16.66666667px;
    transform: translateY(-50%);
    font-size: 12px;
  }
  .title-area-in .pnkz .pnkz-item:first-child:before {
    display: none;
  }
  .inner {
    padding: 0 20px;
  }
  .left-content {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .title-area-in {
    background: url(../img/company/sp/bg-top-map.jpg) no-repeat center top;
    background-size: contain;
  }
  .content-wrapper {
    margin-top: 125px/3;
    padding-bottom: 150px/3;
  }
  .content-wrapper .inner {
    width: 100%;
  }
  .content-wrapper .map-nav {
    margin: 0 -1%;
  }
  .content-wrapper .map-nav .nav-item {
    width: 50%;
    padding: 0 1%;
  }
  .content-wrapper .map-nav .nav-item.nav-top {
    width: 100%;
  }
  .content-wrapper .map-nav .nav-item > a,
  .content-wrapper .map-nav .nav-item > span {
    border-width: 3px/3;
  }
  .content-wrapper .map-nav .nav-item a,
  .content-wrapper .map-nav .nav-item > span {
    font-size: 46px/3;
    border-width: 3px/3;
    line-height: 144px/3;
    height: 150px/3;
  }
  .content-wrapper .map-nav .nav-item:nth-child(3) a {
    height: 85px;
  }
  .content-wrapper .map-nav .nav-child a {
    display: table;
    line-height: 1;
  }
  .content-wrapper .map-nav .nav-child a span {
    display: table-cell;
    vertical-align: middle;
    height: 150px/3;
    line-height: 70px/3;
  }
}
@media (max-width: 409px) {
  body {
    font-family: 'Noto Sans JP', sans-serif;
  }
  body .contents-l {
    min-width: 100%;
  }
  .fixed {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  .header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.3s;
    height: 50px;
    z-index: 99;
  }
  .header .nav-outer {
    height: 50px;
    padding: 10px;
    background: #6d2f5d;
    position: static;
    zoom: 1;
    *zoom: 1;
    z-index: 2;
  }
  .header .nav-outer:before,
  .header .nav-outer:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .header .nav-outer:after {
    clear: both;
  }
  .header .nav {
    width: 100%;
  }
  .header .nav .logo {
    background: none;
    width: 196px;
    height: auto;
    float: left;
    text-align: center;
  }
  .header .nav .logo a {
    display: block;
    padding: 2px 0 0;
    height: 100%;
  }
  .header .nav .logo img {
    width: 100%;
    height: auto;
    margin: 0;
    max-width: 100%;
  }
  .header .nav .nav-trigger,
  .header .nav .nav-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .header .nav .nav-trigger {
    position: relative;
    width: 35px;
    height: 30px;
    z-index: 10000;
    float: right;
  }
  .header .nav .nav-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4.5px;
    background-color: #fff;
    border-radius: 4.5px;
  }
  .header .nav .nav-trigger span:nth-of-type(1) {
    top: 0;
  }
  .header .nav .nav-trigger span:nth-of-type(2) {
    top: 12.5px;
  }
  .header .nav .nav-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .header .nav .nav-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(12.75px) rotate(-315deg);
    transform: translateY(12.75px) rotate(-315deg);
  }
  .header .nav .nav-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .header .nav .nav-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12.75px) rotate(315deg);
    transform: translateY(-12.75px) rotate(315deg);
  }
  .header .nav .modal-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
    top: 0;
    left: 0;
    padding: 0 30px 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .nav .modal-menu.active {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu.active .xss-nav .nav-item {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu.active .close-btn {
    visibility: visible;
    opacity: 1;
  }
  .header .nav .modal-menu .modal-inner {
    max-height: initial;
  }
  .header .nav .modal-menu .xss-nav {
    padding-top: 57.5px;
  }
  .header .nav .modal-menu .xss-nav .nav-item {
    float: none;
    width: 100%;
    height: 45px;
    border-left: 0;
    border-top: solid 1px #fff;
    position: relative;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:after {
    display: none;
  }
  .header .nav .modal-menu .xss-nav .nav-item:first-child {
    border-top: 0;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(1) {
    transition-delay: 0.4s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(2) {
    transition-delay: 0.5s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(3) {
    transition-delay: 0.6s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4) {
    transition-delay: 0.7s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) {
    transition-delay: 0.8s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(6) {
    transition-delay: 0.9s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(7) {
    transition-delay: 1s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(8) {
    transition-delay: 1.1s;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4),
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) {
    height: 75px;
    padding: 5px 0;
  }
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(4) a,
  .header .nav .modal-menu .xss-nav .nav-item:nth-child(5) a {
    line-height: 30px;
  }
  .header .nav .modal-menu .xss-nav .nav-item > a {
    display: block;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 15px;
  }
  .header .nav .modal-menu .xss-nav .nav-item > a:hover {
    background: none;
  }
  .header .nav .modal-menu .close-btn {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    transition-delay: 1.2s;
  }
  .header .nav .modal-menu .close-btn a {
    display: block;
    width: 100%;
    background: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 12.5px;
    color: #6d2f5d;
  }
  .fix-bn {
    margin: 10px -10px 0;
    padding: 0;
    width: auto;
  }
  .fix-bn .inner {
    width: 100%;
    display: block;
    padding: 10px 0;
  }
  .fix-bn .inner a {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .fix-bn img {
    width: 25px;
    height: auto;
  }
  .fix-bn .sdgs-ttl {
    font-size: 13px;
    line-height: 1.6;
    padding: 0 0 0 25px;
    margin: 0;
  }
  .fix-bn .sdgs-ttl span {
    font-size: 10px;
  }
  .fix-bn .inner .more {
    text-align: center;
    border-radius: 0;
    padding: 0;
    border: 0;
    font-size: 12.5px;
    margin-left: 5px;
    margin-top: auto;
    margin-bottom: 4px;
  }
  .footer {
    background: #fff;
    color: #000;
    padding: 0;
  }
  .footer .pagetop {
    background: #4e4e4e;
  }
  .footer .pagetop a {
    display: block;
    color: #fff;
    font-size: 13.5px;
    padding: 12.5px;
    font-weight: 500;
    line-height: 17.5px;
    text-align: center;
  }
  .footer .pagetop a:after {
    content: '';
    background: url(../img/base/sp/icon-pagetop.png) no-repeat center top;
    display: inline-block;
    vertical-align: top;
    background-size: cover;
    width: 17.5px;
    height: 17.5px;
    margin-left: 7.5px;
  }
  .footer .f-sitemap {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .footer .f-sitemap li,
  .footer .f-sitemap a {
    color: #000;
    font-size: 11.25px;
    font-feature-settings: "palt";
  }
  .footer .f-sitemap li {
    display: inline-block;
    width: calc(100% / 3);
    height: 60px;
    border-bottom: 1px solid #4e4e4e;
  }
  .footer .f-sitemap li a {
    width: 100%;
    line-height: 40px;
    font-weight: 500;
    display: table;
    height: 60px;
    letter-spacing: normal;
    padding: 0 10px;
  }
  .footer .f-sitemap li a span {
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
  }
  .footer .f-sitemap li a:hover {
    background-color: #f6e5f2;
    text-decoration: none;
  }
  .footer .f-sitemap li:before {
    display: none;
  }
  .footer .f-sitemap li:nth-child(3n-1) {
    border-left: 1px;
    border-right: 1px;
    border-color: #4e4e4e;
    border-style: solid;
  }
  .footer .f-sitemap li:nth-last-child(-n+3) {
    border-bottom: none;
  }
  .footer .logo {
    background: #6d2f5d;
    padding: 8.75px 0;
  }
  .footer .logo img {
    width: 195.5px;
    height: auto;
  }
  .title-area-in {
    height: 0;
    margin-top: 110px;
    padding-bottom: 40.25764895%;
    position: relative;
  }
  .title-area-in .pnkz {
    margin-top: 0;
    padding: 0 10px;
    position: absolute;
    bottom: 5px;
  }
  .title-area-in .pnkz .pnkz-item,
  .title-area-in .pnkz .pnkz-item a {
    font-size: 9px;
    color: #fff;
  }
  .title-area-in .pnkz .pnkz-item {
    padding-right: 20px;
  }
  .title-area-in .pnkz .pnkz-item a,
  .title-area-in .pnkz .pnkz-item span {
    display: block;
    padding: 4.5px 6.25px 4.5px;
    letter-spacing: 0.04em;
    border: solid 1px #fff;
  }
  .title-area-in .pnkz .pnkz-item a:hover {
    background: #E4E4E4;
  }
  .title-area-in .pnkz .pnkz-item:before {
    content: '>';position:absolute;top:50%;left:-12.5px;transform:translateY(-50%);font-size:9px}.title-area-in .pnkz .pnkz-item:first-child:before{display:none}.inner{padding:0 15px}.left-content{width:100%}}@media(max-width:409px){.title-area-in{background:url(../img/company/sp/bg-top-map.jpg) no-repeat center top;background-size:contain}.content-wrapper{margin-top:125px/4;padding-bottom:150px/4}.content-wrapper .inner{width:100%}.content-wrapper .map-nav{margin:0 -1%}.content-wrapper .map-nav .nav-item{width:50%;padding:0 1%}.content-wrapper .map-nav .nav-item.nav-top{width:100%}.content-wrapper .map-nav .nav-item>a,.content-wrapper .map-nav .nav-item>span{border-width:3px/4}.content-wrapper .map-nav .nav-item a,.content-wrapper .map-nav .nav-item>span{font-size:46px/4;border-width:3px/4;line-height:144px/4;height:150px/4}.content-wrapper .map-nav .nav-item:nth-child(3) a{height:85px}.content-wrapper .map-nav .nav-child a{display:table;line-height:1}.content-wrapper .map-nav .nav-child a span{display:table-cell;vertical-align:middle;height:150px/4;line-height:70px/4}}@media screen and (max-width:409px){.content-wrapper .map-nav .nav-item:nth-child(3) a{height:64px}.content-wrapper .map-nav .nav-item:nth-child(3) a span{height:initial}}