@charset "UTF-8";

/* ===================================================

  frame

=================================================== */

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

 header

////////////////////////////////////////////////////////////////////// */
#header{
  box-sizing:border-box;
  padding:20px 0 205px;
  width:100%;
  position:relative;
  z-index:20;
  background:#707070;
}
@media screen and (max-width:1220px){
#header{
  padding-left:10px;
  padding-right:10px;
}
}
@media screen and (max-width:767px){
#header{
  padding:10px;
  background:#707070;
}
}
/* JS */
[data-script-enabled="true"] #header{
  background-color:transparent;
}
@media screen and (max-width:767px){
[data-script-enabled="true"] #header{
  background-color:#707070;
}
}
#header .inner{
  max-width:1200px;
  margin:0 auto;
  position:relative;
  text-align:right;
}
#header .logo{
  position:absolute;
  left:0;
  z-index:200;
  top:0;
}
@media screen and (max-width:767px){
#header .logo{
  top:0;
  left:0;
  bottom:auto;
}
#header .logo img{
  width:107px;
  vertical-align:top;
}
}
[data-script-enabled="truw"] #header .logo{
  bottom:-46px;
  top:auto;
}
#header .nav-lang{
  position:relative;
  z-index:200;
  display:inline-block;
}
#header .nav-lang .btn-lang{
  display:none;
}
@media screen and (max-width:767px){
#header .nav-lang{
  margin-right:45px;
}
}
#header .nav-lang .btn-lang a{
  display:inline-block;
  padding-right:30px;
  position:relative;
  font-size:1.4rem;
  color:#fff;
  cursor:pointer;
  text-decoration:none;
}
@media screen and (max-width:767px){
#header .nav-lang .btn-lang a{
  padding-right:18px;
  font-size:1.2rem;
  vertical-align:top;
}
}
#header .nav-lang .btn-lang a:hover::before,
#header .nav-lang[data-tgl-open="true"] .btn-lang a::before{
  content:"";
  display:block;
  position:absolute;
  bottom:-6px;
  right:0;
  width:100%;
  height:2px;
  background:#fff;
}
#header .nav-lang .btn-lang a::after{
  content:"";
  display:block;
  position:absolute;
  top:4px;
  right:4px;
  border-right:solid 1px #fff;
  border-top:solid 1px #fff;
  transform:rotate(135deg);
  width:8px;
  height:8px;
}
@media screen and (max-width:767px){
#header .nav-lang .btn-lang a::after{
  top:4px;
  right:0;
  width:6px;
  height:6px;
}
}
/* JS */
[data-script-enabled="true"] #header .nav-lang .btn-lang{
  display:block;
}
#header .nav-lang .list-lang{
  width:100%;
  top:100%;
  right:0;
  padding-top:15px;
  position:static;
}
[data-script-enabled="true"] #header .nav-lang .list-lang{
  height:0;
  overflow:hidden;
  position:absolute;
}
#header .nav-lang[data-tgl-open="true"] .list-lang li{
  overflow:visible;
  height:auto;
}
#header .nav-lang .list-lang li{
  /*height:0;*/
  /*overflow:hidden;*/
  /*transition:.2s;*/
  background:#8c939c;
}
#header .nav-lang .list-lang li a{
  color:#fff;
  display:block;
  padding:10px;
  position:relative;
  font-size:1.3rem;
  text-align:left;
  text-decoration:none;
}
#header .nav-lang .list-lang li a::after{
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  width:80%;
  height:1px;
  background:#fff;
}
#header .nav-lang .list-lang li:last-child a::after{
  display:none;
}
/* -------------------------------------------------

  hamburger menu

-------------------------------------------------*/
#header .hamburger-btn{
  display:none;
}
@media screen and (max-width:767px){
#header .hamburger-btn{
  position:absolute;
  top:0;
  right:4px;
  width:21px;
  height:21px;
}
#header .hamburger-btn span{
  display:block;
  position:relative;
  width:21px;
  height:21px;
  overflow:hidden;
}
#header .hamburger-btn span::after,
#header .hamburger-btn span::before{
  content:"";
  background:#fff;
  display:block;
  height:3px;
  width:21px;
  margin-top:0;
  transform:none;
  position:absolute;
  top:0;
  left:0;
}
#header .hamburger-btn span::before{
  top:9px;
  height:6px;
  width:21px;
  background:none;
  border-top:3px solid #fff;
  border-bottom:3px solid #fff;
}
#header .hamburger-btn span .btntxt{
  display:block;
  position:absolute;
  left:-100vw;
}
#header .hamburger-btn[aria-expanded="true"] span::before{
}
#header .hamburger-content{
  background:#fff;
  margin:0;
  box-shadow:0 0 3px 1px rgba(199,199,199,1);
  display:block;
  position:static;
  width:100%;
}
/* JS */
[data-script-enabled="true"] #header .hamburger-btn{
  display:block;
}
@media screen and (max-width:767px){
[data-script-enabled="true"] #header .hamburger-btn{
  display:block;
}
}
[data-script-enabled="true"] #header .hamburger-content{
  display:none;
  height:0;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
}
#header .hamburger-btn[aria-expanded="true"] {
  /*top: -5px;*/
  right: -6px;
  width: 31px;
  height: 31px;
}
#header .hamburger-btn[aria-expanded="true"] span::after,
#header .hamburger-btn[aria-expanded="true"] span::before{
  content:"";
  background:#fff;
  display:block;
  height:30px;
  width:2px;
  margin-top:-15px;
  transform:rotate(45deg);
  position:absolute;
  top:50%;
  left:10px;
}
#header .hamburger-btn[aria-expanded="true"] span::before{
  transform:rotate(-45deg);
  top:50%;
  height:30px;
  width:2px;
  background:#fff;
  border:none;
}
}
#header .nav-siteinfo{
  box-sizing:border-box;
  color:#fff;
  margin:0 auto;
  max-width:1200px;
  padding-right:7em;
  position:relative;
  right:0;
  text-align:right;
  top:-69px;
  z-index:10;
}
@media screen and (max-width:767px){
#header .nav-siteinfo{
  color:#333;
  padding:18px 0 20px 10px;
  position:static;
  right:auto;
  text-align:left;
  top:auto;
}
}
#header .nav-siteinfo > li{
  display:inline-block;
  margin-left:7px;
}
#header .nav-siteinfo > li::after{
  content:"/";
  margin-left:17px;
}
@media screen and (max-width:767px){
#header .nav-siteinfo > li::after{
  font-size:1.3rem;
}
#header .nav-siteinfo > li:last-child::after{
  display:none;
}
}
#header .nav-siteinfo li a{
  font-size:1.3rem;
  color:#fff;
  position:relative;
  text-decoration:none;
}
@media screen and (max-width:767px){
#header .nav-siteinfo li a{
  font-size:1.2rem;
  color:#333;
}
}
#header .nav-siteinfo li a:hover::after,
#header .nav-siteinfo li a:focus::after,
#header .nav-siteinfo li a.current::after{
  content:"";
  display:block;
  position:absolute;
  background:#fff;
  bottom:-8px;
  left:0;
  width:100%;
  height:2px;
}
#header .nav-siteinfo > li:first-child{
  margin-left:0;
}
#header .nav-header{
  text-align:right;
  margin:17px auto 0;
  max-width:1200px;
}
@media screen and (max-width:1220px){
#header .nav-header{
  padding-left:10px;
  padding-right:10px;
}
}
@media screen and (max-width:767px){
#header .nav-header{
  text-align:left;
  margin-top:0;
  padding:0;
}
}
#header .nav-header > li{
  display:inline-block;
  margin-right:65px;
}
@media screen and (max-width:900px){
#header .nav-header > li{
  margin-right:30px;
}
}
#header .nav-header > li:last-child{
  margin-right:0;
}
@media screen and (max-width:767px){
#header .nav-header > li{
  margin-right:30px;
  display:block;
  margin-right:0;
  border-bottom:1px solid #dadbdc;
}
}
#header .nav-header > li > a{
  color:#fff;
  font-size:1.5rem;
  padding:0 4px;
  position:relative;
  text-decoration:none;
}
#header .nav-header > li > a::before{
  content:"";
  display:block;
  position:absolute;
  bottom:-33px;
  left:50%;
  opacity:0;
  margin-left:-12px;
  border-right:solid 12px transparent;
  border-top:solid 16px transparent;
  border-left:solid 12px transparent;
  border-bottom:solid 16px #f6f6f4;
  transition:.3s;
}
#header .nav-header > li > a[aria-expanded="true"]::before,
#header .nav-header > li.current > a::before{
  opacity:1;
}
@media screen and (max-width:767px){
#header .nav-header > li > a{
  display:none;
  padding:17px 45px 15px 10px;
  font-size:1.6rem;
  color:#333;
}
#header .nav-header > li > a::before{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:10px;
  left:auto;
  bottom:auto;
  margin-left:0;
  border-right:solid 1px #8c939c;
  border-top:solid 1px #8c939c;
  border-left:none;
  border-bottom:none;
  transform:rotate(135deg);
  width:10px;
  height:10px;
  margin-top:-8px;
  opacity:1;
}
#header .nav-header > li > a[aria-expanded="true"]{
  border-left:solid 4px #f5c100;
  background:#ffeca7;
  padding-left:6px;
}
#header .nav-header > li > a[aria-expanded="true"]::before{
  transform:rotate(-45deg);
  margin-top:-2px;
}
#header .nav-header > li.current > a::before{
  transform:rotate(135deg);
  margin-top:5px;
}
[data-script-enabled="true"] #header .nav-header > li > a{
  display:block;
}
}
#header .nav-header > li > a[aria-expanded="true"]::after,
#header .nav-header > li > a:hover::after,
#header .nav-header > li > a:focus::after,
#header .nav-header > li.current > a::after{
  content:"";
  display:block;
  position:absolute;
  background:#fff;
  bottom:-6px;
  left:0;
  width:100%;
  height:2px;
}
#header .nav-header > li > a + ul{
  display:none;
}
@media screen and (max-width:767px){
#header .nav-header > li > a[aria-expanded="true"] + .megadrop-contents{
  border-left:4px solid #f5c100;
}
#header .nav-header > li .nav-header-content{
  background:#fff;
  display:block;
}
#header .nav-header > li.current > a + .nav-header-content{
  display:block;
}
#header .nav-header > li a.nav-header-hdg{
  background:#f6f6f4;
  display:block;
  position:relative;
  font-size:1.5rem;
  padding:14px 30px 14px 8px;
  color:#333;
  border-top:#fff solid 1px;
  text-decoration:none;
}
#header .nav-header > li a.nav-header-hdg::before{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:14px;
  left:auto;
  bottom:auto;
  margin-left:0;
  border-right:solid 1px #8c939c;
  border-top:solid 1px #8c939c;
  border-left:none;
  border-bottom:none;
  transform:rotate(45deg);
  width:6px;
  height:6px;
  margin-top:-4px;
}
#header .nav-header > li a.nav-header-hdg.roll_01:hover::after,
#header .nav-header > li a.nav-header-hdg.roll_01:focus::after{
  display:none;
}
#header .nav-header > li .nav-header-list > a{
  background:#f6f6f4;
  display:block;
  padding:14px 30px 14px 23px;
  font-size:1.4rem;
  color:#333;
  position:relative;
  position:relative;
  border-top:#fff solid 1px;
  text-decoration:none;
}
#header .nav-header > li .nav-header-list > a::before{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:14px;
  left:auto;
  bottom:auto;
  margin-left:0;
  border-right:solid 1px #8c939c;
  border-top:solid 1px #8c939c;
  border-left:none;
  border-bottom:none;
  transform:rotate(45deg);
  width:6px;
  height:6px;
  margin-top:-4px;
}
#header .nav-header > li .nav-header-list > a.roll_01:hover::after,
#header .nav-header > li .nav-header-list > a.roll_01:focus::after{
  display:none;
}
.megadrop-list-submenu{
  display:none;
}
#header .nav-header > li .megadrop-contents-type2 a.nav-header-hdg{
  font-size:1.3rem !important;
}
#header .nav-header > li .megadrop-contents-type2 a.nav-header-hdg + a.nav-header-hdg{
  font-size:1.1rem;
  padding:7px 30px 7px 23px;
}
#header .nav-header > li .megadrop-contents-type2 a.nav-header-hdg span.txt{
  display:none;
}
}
/* JS */
[data-script-enabled="true"] #header .nav-header > li .nav-header-content{
  display:block;
}

/* -------------------------------------------------

  megadrop

-------------------------------------------------*/
.megadrop-container{
  position:relative;
  top:0;
}
@media screen and (max-width:1220px){
.megadrop-container{
  margin-left:-10px;
  margin-right:-10px;
}
}
@media screen and (max-width:767px){
.megadrop-container{
  margin-left:0;
  margin-right:0;
}
}
@media screen and (min-width:768px){
.megadrop-contents{
  color:#fff;
  width:100%;
}
#header .nav-header > li.current > span + .megadrop-contents{
  overflow:visible;
  height:auto;
}
.megadrop-contents-bg{
  background:#f6f6f4;
  width:100%;
  position:relative;
  margin-top:40px;
  z-index:100;
}
.megadrop-contents-inner{
  display:table;
  width:100%;
  max-width:1200px;
  table-layout:auto;
  padding:50px 0;
  margin:0 auto;
}
.megadrop-trigger{
  display:none;
}
.megadrop-btn-close{
  display:none;
  color:#333;
  background:#dadbdc;
  text-align:center;
}
.megadrop-btn-close:hover{
  background:#cccccc;
  transition:.3s;
}
.megadrop-btn-close button{
  font-size:16px;
  margin:0 auto;
  color:inherit;
  font:inherit;
  border-width:0;
  background:none;
  width:100%;
}
.megadrop-btn-close button span{
  display:inline-block;
  position:relative;
  padding:15px 0 15px 40px;
}
.megadrop-btn-close button span::after,
.megadrop-btn-close button span::before{
  content:"";
  background:#333;
  display:block;
  height:33px;
  width:2px;
  margin-top:-15px;
  transform:rotate(45deg);
  position:absolute;
  top:50%;
  left:15px;
}
.megadrop-btn-close button span::before{
  transform:rotate(-45deg);
}
/* JS */
[data-script-enabled="true"] .megadrop-trigger{
  display:block;
}
[data-script-enabled="true"] .megadrop-contents{
  height:0;
  overflow:hidden;
  position:absolute;
  left:0;
}
[data-script-enabled="true"] .megadrop-btn-close{
  display:block;
}
.magadrop-link-box{
  display:table-cell;
}
a.magadrop-link-hdg-box{
  color:#fff;
  text-decoration:none;
  display:table-cell;
  width:20.5%;
  vertical-align:middle;
  background:#f5b400;
  padding:10px;
  box-sizing:border-box;
  text-align:center;
  font-weight:bold;
  font-size:2rem;
  border:3px solid transparent;
}
/* -------------------------------------------------

  Megadrop Background

-------------------------------------------------*/
#megadrop-company a.magadrop-link-hdg-box{
  background:url(/shared/images/img-bg-md_company_01.png) center 0 no-repeat;
  background-size:cover;
}
#megadrop-brands a.magadrop-link-hdg-box{
  background:url(/shared/images/img-bg-md_brands_01.png) center 0 no-repeat;
  background-size:cover;
}
#megadrop-ir a.magadrop-link-hdg-box{
  background:url(/shared/images/img-bg-md_ir_01.png) center 0 no-repeat;
  background-size:cover;
}
#megadrop-recruit a.magadrop-link-hdg-box{
  background:url(/shared/images/img-bg-md_recruit_01.png) center 0 no-repeat;
  background-size:cover;
}
a.magadrop-link-hdg-box.roll_01:hover{
  border:3px solid #dadbdc;
}
a.magadrop-link-hdg-box.roll_01:hover::after{
  display:none;
}
#megadrop-fc .megadrop-contents-type2 a.magadrop-link-hdg-box span:first-child{
  background:url(/shared/images/img-bg-md_fc_01.png) 0 0 no-repeat;
  background-size:cover;
}
/* -------------------------------------------------*/
a.magadrop-link-hdg-box span{
  position:relative;
  padding-bottom:20px;
  display:inline-block;
}
a.magadrop-link-hdg-box span::before{
  content:"";
  display:block;
  height:1px;
  width:20px;
  background:#fff;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-10px;
}
.megadrop-list-menu{
  display:table-cell;
  vertical-align:top;
  padding-left:68px;
  display:flex;
  flex-wrap:wrap;
  align-content:space-between;
}
.megadrop-list-menu > a{
  width:31.3%;
  margin-right:2%;
  margin-top:20px;
  color:#333;
  text-decoration:none;
  display:block;
  padding:22px 28px 20px;
  background:url(/shared/images/img-bg-btn_01.png) 0 0 no-repeat #fff;
  box-sizing:border-box;
  font-weight:bold;
  text-align:center;
  position:relative;
}
.megadrop-list-menu > a:first-child,
.megadrop-list-menu > a:nth-child(2),
.megadrop-list-menu > a:nth-child(3){
  margin-top:0;
}
.megadrop-list-menu > a::before{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:12px;
  border-right:solid 1px #8c939c;
  border-top:solid 1px #8c939c;
  transform:rotate(45deg);
  width:10px;
  height:10px;
  margin-top:-5px;
}
.megadrop-list-menu + .megadrop-list-menu.type_o{
  margin-top:20px;
}
.megadrop-list-menu.type_o > a{
  color:#fff;
  text-shadow:1px 1px 2px #7d7d7d;
  background:url(/shared/images/img-bg-btn_02.png) 0 0 no-repeat #f5b400;
}
.megadrop-list-menu.type_o > a::before{
  border-right:solid 1px #fff;
  border-top:solid 1px #fff;
}
.megadrop-list-submenu{
  margin-top:35px;
  padding-left:68px;
}
.megadrop-list-submenu::after{
  clear:both;
  content:"";
  display:table;
  line-height:0;
}
.megadrop-list-submenu a{
  display:block;
  padding-left:15px;
  position:relative;
  float:left;
  margin-right:40px;
  color:#0c69ba;
  text-decoration:none;
}
.megadrop-list-submenu a:hover,
.megadrop-list-submenu a:active,
.megadrop-list-submenu a:focus{
  text-decoration:underline;
}
.megadrop-list-submenu a:visited{
  color:#405b80;
}
.megadrop-list-submenu a:last-child{
  margin-right:0;
}
.megadrop-list-submenu a::after{
  display:block;
  content:'';
  position:absolute;
  width:5px;
  height:5px;
  left:1px;
  top:0.6em;
  background:#f5c100;
}
.megadrop-contents-type2{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding-right:20px;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box{
  width:47.3%;
  background:#fff;
  display:block;
  padding:0;
  border:none;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box.roll_01:hover{
  border:none;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box.roll_01:hover::after{
  display: block;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box .magadrop-link-hdg-box-inner{
  display:table;
  height:100%;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box span{
  display:table-cell;
  text-align:center;
  width:43%;
  font-size:1.6rem;
  vertical-align:middle;
  padding-bottom:0;
  padding:37px 15px 40px;
  box-sizing:border-box;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box span::before{
  bottom:30px;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box.btn_o span:first-child{
  text-shadow:1px 1px 2px #7d7d7d;
  background:url(/shared/images/img-bg-btn_02.png) 0 0 no-repeat #f5b400 !important;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box span.txt{
  font-weight:normal;
  font-size:1.4rem;
  color:#333;
  width:57%;
  text-align:left;
}
.megadrop-contents-type2 a.magadrop-link-hdg-box span.txt::before{
  display:none;
}
}
@media all and (-ms-high-contrast:none) and (min-width:768px){
.megadrop-contents-type2 a.magadrop-link-hdg-box span::before{
  bottom:13px;
}
}
@media screen and (min-width:768px) and (max-width:1220px){
.megadrop-contents-inner{
  padding-left:20px;
  box-sizing:border-box;
}
.megadrop-contents-type2 .megadrop-list-menu{
  padding-right:20px;
}
}
@media screen and (min-width:768px) and (max-width:900px){
.megadrop-list-menu,
.megadrop-list-submenu{
  padding-left:35px;
}
.megadrop-list-menu > a{
  width:47%;
  margin-right:3%;
}
.megadrop-list-menu > a:nth-child(3){
  margin-top:20px;
}
.megadrop-list-submenu a + a{
  margin-right:20px;
}
}
@media screen and (max-width:767px){
.megadrop-btn-close{
  display:none;
}
}

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

 nav-location

////////////////////////////////////////////////////////////////////// */
#nav-location{
  max-width:1200px;
  margin:0 auto;
  position:relative;
  top:-87px;
  z-index:10;
  font-size:1.3rem;
}
#nav-location a{
  margin:0 3px;
}
#nav-location span.current{
  font-weight:bold;
}
#nav-location a:link{
  color:#333333;
  text-decoration:underline;
}
#nav-location a:hover,
#nav-location a:active,
#nav-location a:focus{
  text-decoration:none;
  color:#333333;
}
#nav-location a:visited{
  color:#333333;
  text-decoration:underline;
}

@media screen and (max-width:1220px){
#nav-location{
  padding-left:10px;
  padding-right:10px;
  box-sizing:border-box;
}
}
@media screen and (max-width:767px){
#nav-location{
  display:none;
}
}


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

 content

////////////////////////////////////////////////////////////////////// */
#content{
  padding-top:95px;
}
#content > #content-main{
  margin:0 auto;
}
#content > #content-main > .area-content{
  max-width:1200px;
  margin:0 auto;
}
@media screen and (max-width:1220px){
#content > #content-main > .area-content{
  padding-left:10px;
  padding-right:10px;
}
}
#content > .str-content{
  max-width:1200px;
  margin:0 auto;
}
#content > .str-content::after{
  content:"";
  display:table;
  clear:both;
  line-height:0;
}
#content .str-content #content-main{
  margin:0 auto;
  width:74.3%;
  float:left;
}
#content .str-content #content-side{
  margin:0 auto;
  width:19%;/*max 228px*/
  float:right;
}

@media screen and (max-width:1220px){
#content .str-content{
  padding-left:10px;
  padding-right:10px;
}
}
@media screen and (max-width:767px){
#content{
  padding-top:0;
}
#content .str-content #content-main,
#content .str-content #content-side{
  width:100%;
  float:none;
}
#content .str-content #content-side{
  margin-top:95px;
  margin-bottom:-70px;
}
}
/* -------------------------------------------------

  Main Visual

-------------------------------------------------*/
#content #vm{
  display:table;
  width:100%;
}
@media screen and (max-width:767px){
#content #content-main,
#content .str-content{
  margin-top:50px;
}
}
#content #vm::after{
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  bottom:0;
  right:0;
  background:url(/shared/images/img-bg-visual_01.png) right bottom no-repeat;
  background-size:100% 41px;
}
#content #vm::before{
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:53px;
  bottom:-53px;
  left:0;
  background:url(/shared/images/img-bg-visual_02.png) 0 0 no-repeat;
  background-size:100% 53px;
}
@media screen and (max-width:767px){
#content #vm::after{
  background:url(/shared/images/img-bg-visual_sp_01.png) right bottom no-repeat;
  background-size:100% 21px;
}
#content #vm::before{
  height:20px;
  bottom:-20px;
  background:url(/shared/images/img-bg-visual_sp_02.png) 0 0 no-repeat;
  background-size:100% 20px;
}
}
#content #vm > .inner{
  text-align:center;
  height:320px;/*TOP:770px,TOP_SP:256px ,PC:320px ,SP:180px */
  overflow:hidden;
  text-align:center;
  width:100%;
  display:table-cell;
  vertical-align:middle;
  padding-top:90px;
  box-sizing:border-box;
  color:#fff;
  z-index:0;
  background-color:#f5b400;
}
#content #vm.company > .inner{
  background:url(/shared/images/img-bg-mv_company_01.png) 0 0 no-repeat;
  background-size:cover;
}
#content #vm.brands > .inner{
  background:url(/shared/images/img-bg-mv_brands_01.png) 0 0 no-repeat;
  background-size:cover;
}
#content #vm.ir > .inner{
  background:url(/shared/images/img-bg-mv_ir_01.png) 0 0 no-repeat;
  background-size:cover;
}
#content #vm.recruit > .inner{
  background:url(/shared/images/img-bg-mv_recruit_01.png) 0 0 no-repeat;
  background-size:cover;
}
#content #vm.fc > .inner{
  background:url(/shared/images/img-bg-mv_fc_01.png) 0 0 no-repeat;
  background-size:cover;
}
#content #vm.news > .inner{
  background:url(/shared/images/img-bg-mv_news_01.png) 0 0 no-repeat;
  background-size:cover;
}
#content #vm.contact > .inner{
  background:url(/shared/images/img-bg-mv_contact_01.png) center no-repeat;
  background-size:cover;
}
#content #vm > .inner{
  background:url(/shared/images/img-bg-mv_01.png) 0 0 no-repeat;
  background-size:cover;
}
#content #vm.inbound > .inner{
  background:url(/shared/images/img-bg-mv_inbound_01.png) 0 0 no-repeat;
  background-size:cover;
}
#content #vm > .inner .hdg{
  font-weight:normal;
  font-size:4rem;
}
@media screen and (max-width:767px){
#content #vm{
  position:relative;
  top:auto;
}
#content #vm > .inner{
  height:180px;
  padding-top:0;
}
#content #vm > .inner .hdg{
  font-size:2.3rem;
  padding:10px;
}
}
#content #vm img{
  width:100%;
}
/* JS */
[data-script-enabled="true"] #content #vm{
  position:absolute;
  top:0;
}
@media screen and (max-width:767px){
[data-script-enabled="true"] #content #vm{
  position:relative;
  top:auto;
}
}


.nav-pagetop_01{
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:1000;
}
.nav-pagetop_01 > a{
  position:fixed;
  bottom:100px;
  right:13px;
  width:70px;
  height:70px;
  display:block;
  background:rgba(118,127,138,0.8);
}
.nav-pagetop_01 > a:hover,
.nav-pagetop_01 > a:focus{
  opacity:0.8;
  transition:.6s;
}
.nav-pagetop_01 > a::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:25px;
  border-right:solid 1px #fff;
  border-top:solid 1px #fff;
  transform:rotate(-45deg);
  width:20px;
  height:20px;
  margin-top:-6px;
}
.nav-pagetop_01 > a span{
  display:none;
}
@media screen and (max-width:767px){
.nav-pagetop_01 > a{
  width:50px;
  height:50px;
}
.nav-pagetop_01 > a::after{
  left:17px;
  border-right:solid 1px #fff;
  border-top:solid 1px #fff;
  transform:rotate(-45deg);
  width:16px;
  height:16px;
  margin-top:-5px;
}
}


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

 side

////////////////////////////////////////////////////////////////////// */
.str-nav-side{
  background:url(/shared/images/img-bg-nav_02.png) top left no-repeat #f6f6f4;
  position:relative;
  background-size:100% auto;
  padding:11px 20px 0;
}
.str-nav-side::after{
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:49px;
  top:-49px;
  right:0;
  background:url(/shared/images/img-bg-nav_01.png) right bottom no-repeat;
  background-size:100% auto;
}
.str-nav-side::before{
  content:"";
  display:block;
  position:absolute;
  bottom:-35px;
  left:0;
  width:100%;
  height:35px;
  transform-origin:0 100%;
  transform:skewY(-8deg);
  background:#f6f6f4;
}
.str-nav-side .hdg-l2_side_01{
  margin-bottom:35px;
  font-size:2.2rem;
  text-decoration:none;
  font-weight:normal;
  color:#333;
}
.str-nav-side .hdg-l2_side_01 a{
  display:inline-block;
  color:#333;
  text-decoration:none;
  padding-right:30px;
  position:relative;
}
.str-nav-side .hdg-l2_side_01 a::after{
  content:'';
  display:block;
  height:12px;
  width:12px;
  margin-top:-7px;
  border:solid #836c67 1px;
  border-width:1px 1px 0 0;
  transform:rotate(45deg);
  position:absolute;
  top:50%;
  right:3px;
}
.str-nav-side .hdg-l2_side_01 a:hover,
.str-nav-side .hdg-l2_side_01 a:focus{
  text-decoration:underline;
}
.str-nav-side .nav-side li{
  margin-bottom:15px;
}
.str-nav-side .nav-side li:last-child{
  margin-bottom:0;
}
.str-nav-side .nav-side li a{
  padding-left:25px;
  position:relative;
  display:block;
  font-size:1.6rem;
  text-decoration:none;
  color:#333;
}
.str-nav-side .nav-side li a::before{
  background:#dadbdc;
  content:"";
  display:block;
  width:8px;
  height:12px;
  left:0;
  position:absolute;
  top:7px;
  transform-origin:0 100%;
  transform:skewX(-25deg);
}
.str-nav-side .nav-side li.current a::before,
.str-nav-side .nav-side li a:hover::before{
  background:#ffd73e;
}
.str-nav-side .nav-side li.current a::after,
.str-nav-side .nav-side li a:hover::after{
  background:#f5c100;
  content:"";
  display:block;
  width:4px;
  height:12px;
  left:0;
  position:absolute;
  top:7px;
  transform-origin:0 100%;
  transform:skewX(-25deg);
}
.str-nav-side .nav-side li.current{
  font-weight:bold;
}
@media screen and (max-width:767px){
.str-nav-side{
  margin-right:-10px;
  margin-left:-10px;
  background:url(/shared/images/img-bg-nav_sp_02.png) top left no-repeat #f6f6f4;
  background-size:100% 65px;
  padding:5px 10px 10px;
  margin-bottom:60px;
}
.str-nav-side::after{
  height:60px;
  top:-60px;
  background:url(/shared/images/img-bg-nav_sp_01.png) right bottom no-repeat;
  background-size:100% 60px;
}
.str-nav-side::before{
  background:#f6f6f4;
  content:"";
  display:block;
  position:absolute;
  bottom:-120px;
  left:0;
  width:100%;
  height:120px;
  transform-origin:0 100%;
  transform:skewY(-8deg);
}
.str-nav-side .hdg-l2_side_01{
  font-size:1.6rem;
  margin-bottom:45px;
}
.str-nav-side .nav-side li{
  margin-bottom:17px;
}
.str-nav-side .nav-side li a{
  font-size:1.3rem;
}
.str-nav-side .nav-side li a::before{
  top:5px;
}
.str-nav-side .nav-side li.current a::after,
.str-nav-side .nav-side li a:hover::after{
  top:5px;
}
}


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

 footer

////////////////////////////////////////////////////////////////////// */
#footer{
  background:url(/shared/images/img-bg-footer_02.png) top left no-repeat #8c939c;
  background-size:100% auto;
  box-sizing:border-box;
  padding:50px 0 25px;
  margin-top:160px;
  position:relative;
  z-index:0;
}
#footer::after{
  position:absolute;
  content:"";
  display:block;
  width:100%;
  left:0;
  height:43px;
  top:-43px;
  background:url(/shared/images/img-bg-footer_01.png) right bottom no-repeat;
  background-size:100% 43px;
}
@media screen and (max-width:1220px){
#footer{
  padding-left:10px;
  padding-right:10px;
}
}
@media screen and (max-width:767px){
#footer{
  background:url(/shared/images/img-bg-footer_sp_02.png) 0 0 no-repeat;
  background-size:cover;
  padding-top:55px;
  margin-top:70px;
}
#footer::after{
  position:absolute;
  content:"";
  display:block;
  width:100%;
  left:0;
  height:70px;
  top:-70px;
  background:url(/shared/images/img-bg-footer_sp_01.png) right bottom no-repeat;
  background-size:100% 70px;
}
}
@media screen and (max-width:321px){
#footer::after{
  position:absolute;
  content:"";
  display:block;
  width:100%;
  left:0;
  height:45px;
  top:-45px;
  background:url(/shared/images/img-bg-footer_sp_01.png) right bottom no-repeat;
  background-size:100% 45px;
}
}
#footer > .inner{
  max-width:1200px;
  margin:0 auto;
  position:relative;
  z-index:10;
}
#footer .nav-footer{
  overflow:hidden;
  padding-bottom:35px;
  border-bottom:1px solid #fff;
}
@media screen and (max-width:640px){
#footer .nav-footer{
  padding-bottom:0;
}
}
#footer .nav-footer > li{
  width:17%;
  float:left;
  padding-right:10px;
  box-sizing:border-box;
}
#footer .nav-footer > li:last-child{
  width:15%;
}
@media screen and (max-width:767px){
#footer .nav-footer > li{
  width:33.3%;
  padding-right:20px;
  margin-bottom:20px;
}
#footer .nav-footer > li:last-child{
  width:33.3%;
}
}
@media screen and (max-width:640px){
#footer .nav-footer > li{
  width:50%;
  padding-right:20px;
  height:auto !important;
  margin-bottom:20px;
}
#footer .nav-footer > li:last-child{
  width:100%;
  float:none;
  clear:both;
  padding-right:20px;
  margin-bottom:25px;
}
#footer .nav-footer > li:last-child a{
  font-size:1.3rem;
}
}
#footer .nav-footer > li a{
  color:#fff;
}
#footer .nav-footer > li a:link{
  text-decoration:none;
}
#footer .nav-footer > li a:hover,
#footer .nav-footer > li a:active,
#footer .nav-footer > li a:focus{
  text-decoration:underline;
}
@media screen and (max-width:640px){
#footer .nav-footer > li a{
  font-size:1.6rem;
}
}
#footer .nav-footer > li a.ttl-cate{
  display:block;
  font-weight:bold;
}
#footer .nav-footer > li a.ttl-cate + a.ttl-cate{
  display:block;
  margin-top:10px;
}
#footer .nav-footer > li > ul{
  margin-top:15px;
}
@media screen and (max-width:640px){
#footer .nav-footer > li > ul{
  display:none;
}
#footer .nav-footer > li:last-child a.ttl-cate{
  font-weight:normal;
}
}
#footer .nav-footer > li > ul > li{
  font-size:1.4rem;
  margin-bottom:5px;
}
#footer .nav-siteinfo > li{
  display:inline-block;
  margin-left:10px;
  font-size:1.4rem;
}

#footer .nav-siteinfo{
  margin-top:20px;
  float:right;
  text-align:right;
  padding-right:20px;
  overflow:hidden;
  color:#fff;
}
@media screen and (max-width:900px){
#footer .nav-siteinfo{
  float:none;
  text-align:center;
  padding-right:0;
}
}
@media screen and (max-width:640px){
#footer .nav-siteinfo{
  margin-top:15px;
}
}
#footer .nav-siteinfo > li{
  display:inline-block;
}
#footer .nav-siteinfo > li::after{
  content:"/";
  margin-left:10px;
}
#footer .nav-siteinfo li a{
  font-size:1.4rem;
  color:#fff;
}
#footer .nav-siteinfo li a:link{
  text-decoration:none;
}
#footer .nav-siteinfo li a:hover,
#footer .nav-siteinfo li a:active,
#footer .nav-siteinfo li a:focus{
  text-decoration:underline;
}
#footer .nav-siteinfo > li:first-child{
  margin-left:0;
}
#footer .nav-siteinfo > li:last-child::after{
  display:none;
}
@media screen and (max-width:640px){
#footer .nav-siteinfo li a{
  font-size:1.1rem;
}
}
#footer .copyright{
  margin-top:20px;
  font-family:'Roboto', sans-serif;
  color:#fff;
  padding-left:20px;
}
@media screen and (max-width:900px){
#footer .copyright{
  margin-top:10px;
  text-align:center;
}
}
@media screen and (max-width:640px){
#footer .copyright{
  margin-top:10px;
  padding-left:0;
  font-size:1.3rem;
}
}

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

 Content

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

#company-top-page,
#ir-top-page,
#recruit-page,
#contact-page{
  background:url(/shared/images/img-bg_01.png) no-repeat top center;
  background-position:0 365px;
  background-size:100%;
}