@charset "utf-8";

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

Header

-------------------------------------------------------------------------------*/
#overlay {
  width:100%;
  background:#000;
  opacity:0.7;
  filter: alpha(opacity=70);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=70)";  /* ie 8 */
  -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.7;              /* Safari 1.x */
  position:absolute;
  top:0;
  left:0;
  z-index:95;
  display:none;
}
#header {width:auto;height:170px;position:relative;top:0;left:0;background:#fff;z-index:99;}
#header .config {width:1000px;margin:0 auto;position:relative;}
#header li {padding:0;margin:0;list-style:none;}

/* logo */
#header h1 {position:absolute;top:36px;left:78px;}
#header h1 {width:110px;height:111px;background:url(../img/common/logo.gif) 0 0 no-repeat;}
#header h1 a {display:block;width:110px;height:111px;text-indent:-9999px;}

/* sub_menu */
#header #sub_menu {width:559px;position:absolute;top:36px;right:23px;font-size:13px;letter-spacing: 0.2em;}
#header #sub_menu .customer {float:left;}
#header #sub_menu .customer a {display:block;padding: 0 0 0 55px;width:125px;height:32px;line-height:32px;background:url(../img/common/head_btn_arw.gif) 20px top no-repeat #000;color:#fff;}
#customer #header #sub_menu .customer a,
#header #sub_menu .customer a:hover {background:url(../img/common/head_btn_arw_on.gif) 20px top no-repeat #D7092F;}
#header #sub_menu .contact {float:left;}
#header #sub_menu .contact a {display:block;padding: 0 0 0 70px;margin:0 1px;width:110px;height:32px;line-height:32px;background:url(../img/common/head_btn_arw.gif) 35px top no-repeat #000;color:#fff;}
#contact #header #sub_menu .contact a,
#header #sub_menu .contact a:hover {background:url(../img/common/head_btn_arw_on.gif) 35px top no-repeat #D7092F;}
#header #sub_menu .freecall {float:left;}

/* gnav */
#header #gnav {width:622px;float:right;padding:108px 25px 0 0;}
#header #gnav ul,
#header #gnav li {padding:0;margin:0;list-style:none;}
#header #gnav .megamenu {position:absolute;top:60px;border-bottom:13px solid #fff;padding-bottom:3px;}
#header #gnav .megamenu .cf {width:auto;padding: 15px 40px;background:#fff;}
#header #gnav .megamenu ul {padding-left:30px;}
#header #gnav .megamenu ul ul,
#header #gnav .megamenu ul:first-child {padding-left:0;}
#header #gnav .megamenu ul li span,
#header #gnav .megamenu ul li a {display:block;padding:15px 10px 15px 15px;border-top:1px solid #E6E6E6;white-space:nowrap;}
#header #gnav .megamenu a.noline {border-top:none;}
#header #gnav .megamenu ul li span,
#header #gnav .megamenu ul li a {padding-left:20px;background-image:url(../img/common/mega_parent_arw.gif);background-position:0 15px;background-repeat:no-repeat;font-size:12px;}
#header #gnav .megamenu ul li li a {background-image:url(../img/common/mega_child_arw.gif);}
.mac #header #gnav .megamenu ul li span,.mac #header #gnav .megamenu ul li a,.mac #header #gnav .megamenu ul li li a {background-position:0 18px;}
#header #gnav .megamenu ul li span {color:#999;}

/* gnav > company */
#header #gnav .company {float:left;margin-left:30px;padding-bottom:17px;position:relative;}
#header #gnav .company .parent {display:block;width:71px;height:45px;background:url(../img/common/gnav_company.gif) 0 0 no-repeat;text-indent:-9999px;}
#header #gnav .company .hov {background:url(../img/common/gnav_company_on.gif) 0 0 no-repeat!important;}
#company #header #gnav .company .parent {background:url(../img/common/gnav_company_act.gif) 0 0 no-repeat;}
#header #gnav .company .megamenu {display:none;width:360px;left:-120px;}
.mac #header #gnav .company .megamenu {width:360px;}

/* gnav > management */
#header #gnav .management {padding-bottom:17px;float:left;margin-left:66px;position:relative;}
#header #gnav .management .parent {display:block;width:118px;height:45px;background:url(../img/common/gnav_management.gif) 0 0 no-repeat;text-indent:-9999px;}
#header #gnav .management .hov {background:url(../img/common/gnav_management_on.gif) 0 0 no-repeat!important;}
#management #header #gnav .management .parent {background:url(../img/common/gnav_management_act.gif) 0 0 no-repeat;}
#header #gnav .management .megamenu {display:none;width:740px;left:-250px;}
/*.mac #header #gnav .management .megamenu {width:740px;}*/

/* gnav > brand */
#header #gnav .brand {padding-bottom:17px;margin-left:83px;float:left;position:relative;}
#header #gnav .brand .parent {display:block;width:118px;height:45px;background:url(../img/common/gnav_brand.gif) 0 0 no-repeat;text-indent:-9999px;}
#header #gnav .brand .hov {background:url(../img/common/gnav_brand_on.gif) 0 0 no-repeat!important;}
#brand #header #gnav .brand .parent {background:url(../img/common/gnav_brand_act.gif) 0 0 no-repeat;}
#header #gnav .brand .megamenu {display:none;left:-35px;}

/* gnav > recruit */
#header #gnav .recruit {float:right;position:relative;}
#header #gnav .recruit .parent {display:block;width:55px;height:45px;background:url(../img/common/gnav_recruit.gif) 0 0 no-repeat;text-indent:-9999px;}
#header #gnav .recruit .parent:hover {background:url(../img/common/gnav_recruit_on.gif) 0 0 no-repeat;}
#recruit #header #gnav .recruit .parent {background:url(../img/common/gnav_recruit_on.gif) 0 0 no-repeat;}

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

Contents

-------------------------------------------------------------------------------*/
#contents {width:auto;}
#contents .config {max-width:980px;width: 100%; margin:0 auto;padding:40px 10px;position:relative;}
#contents #article {max-width:650px; width: 67%; padding:0 0 0 15px; float:right;}
#contents #article_form {max-width:650px; width: 65%;margin:0 auto;padding:0 15px;}
#contents #article .arw01,
#contents #article .arw01 li {padding:0;margin:0;list-style:none;}
#contents #article .arw01 li {padding-left: 20px;background:url(../img/common/list_arw01.png) left 6px no-repeat;}
#contents #article {font-size:12px;line-height:180%;letter-spacing: 0.1em;}
#contents #article p,
#contents #article dd,
#contents #article li {text-align:justify;text-justify:inter-ideograph; margin-bottom: 10px;}
#contents #article .morebtn,
#contents #article .morebtn li {padding:0;margin:0;list-style:none;text-align: right;}
#contents #article .morebtn {padding-top:25px;text-align:right;}
#contents #article .morebtn.float li {display:inline-block;*display:inline;*zoom:1;padding-left: 20px;}
#contents #article .morebtn .more {padding-bottom:20px;}
#contents #article .morebtn .more a {height:40px;line-height:40px;display:inline-block;*display:inline;*zoom:1;padding: 0 55px 0 30px;background:url(../img/common/morebtn_arw1.gif) top right no-repeat #D7092F;white-space:nowrap;font-size:16px;color:#fff;}
#contents #article .morebtn .blank a {color:#D7092F;font-size:16px;display:inline-block;*display:inline;*zoom:1;padding-right:15px;background:url(../img/common/morebtn_arw2.gif) right 7px no-repeat;}
#contents #article .morebtn .blank a:hover {color:#000;}

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

Contents_form

-------------------------------------------------------------------------------*/
#contents {width:auto;}
#contents .config {max-width:980px;width: 100%;margin:0 auto;padding:40px 10px;position:relative;box-sizing: border-box;}
#contents #article2 {max-width:650px; width: 65%; margin:0 auto;padding:0 15px;}
#contents #article2 .arw01,
#contents #article2 .arw01 li {padding:0;margin:0;list-style:none;}
#contents #article2 .arw01 li {padding-left: 20px;background:url(../img/common/list_arw01.png) left 6px no-repeat;}
#contents #article2 {font-size:12px;line-height:180%;letter-spacing: 0.1em;}
#contents #article2 p,
#contents #article2 dd,
#contents #article2 li {text-align: left;text-justify: inter-ideograph;}
#contents #article2 .morebtn,
#contents #article2 .morebtn li {padding:0;margin:0;list-style:none;text-align: right;}
#contents #article2 .morebtn {padding-top:25px;text-align:right;}
#contents #article2 .morebtn.float li {display:inline-block;*display:inline;*zoom:1;padding-left: 20px;}
#contents #article2 .morebtn .more {padding-bottom:20px;}
#contents #article2 .morebtn .more a {height:40px;line-height:40px;display:inline-block;*display:inline;*zoom:1;padding: 0 55px 0 30px;background:url(../img/common/morebtn_arw1.gif) top right no-repeat #D7092F;white-space:nowrap;font-size:16px;color:#fff;}
#contents #article2 .morebtn .blank a {color:#D7092F;font-size:16px;display:inline-block;*display:inline;*zoom:1;padding-right:15px;background:url(../img/common/morebtn_arw2.gif) right 7px no-repeat;}
#contents #article2 .morebtn .blank a:hover {color:#000;}


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

Panlist

-------------------------------------------------------------------------------*/
#pan_list {padding-bottom:90px;}
#pan_list ul,
#pan_list li {padding:0;margin:0;list-style:none;background-color:#D7092F;}
#pan_list li {float:left;height:32px;line-height:32px;padding:0 13px 0 45px;background-image:url(../img/common/panlist_child.gif);background-position:0 0;background-repeat:no-repeat;font-size:12px;color:#fff;letter-spacing: 0.1em;}
#pan_list li:first-child {padding:0 13px 0 45px;background-image:url(../img/common/panlist_home.gif);}
#pan_list li:last-child {padding:0 25px 0 45px;}
#pan_list li a {color:#fff;}
#pan_list li a:hover {color:#000;}



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

Pagetop

-------------------------------------------------------------------------------*/
#pagetop {width:955px;height:55px;margin:0 auto;position:relative;}
#pagetop a {display:block;width:40px;height:40px;background:url(../img/common/pagetop.png) 0 0 no-repeat;text-indent:-9999px;position:absolute;top:0;right:0;}
#pagetop a.pc:hover {background:url(../img/common/pagetop_on.png) 0 0 no-repeat;}

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

Footer

-------------------------------------------------------------------------------*/
#footer {width:auto;background:#000;padding:50px 0 100px 0;}
#footer .config {width:1000px;margin:0 auto;}
#footer ul,
#footer li {padding:0;margin:0;list-style:none;}
#footer a {color:#999999;}
#footer .ftnav {text-align:center;padding-bottom:30px;}
#footer li a {display:inline-block;*display:inline;*zoom:1;padding-left:16px;background-image:url(../img/common/foot_arw.png);background-position:0 3px;background-repeat:no-repeat;font-size:14px;white-space:nowrap;letter-spacing: 0.1em;}
#footer li a:hover {color:#E6E6E6;background-image:url(../img/common/foot_arw_on.png);}
.mac #footer li a {background-position:0 5px;}
#footer .ftnav li {display:inline-block;*display:inline;*zoom:1;padding-left:40px; margin-bottom: 10px;}
#footer .ftnav li:first-child {padding-left:0;}
#footer .ftnav_s {margin:0 auto;padding-bottom:30px;text-align:right;}
#footer .ftnav_s a {font-size:12px;}
.mac #footer .ftnav_s a {background-position:0 3px;}
#footer .ftlogo {width:248px;margin:0 auto;}
.tags { display:none; }



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

For Responsive 2018.02.23

-------------------------------------------------------------------------------*/
#spNavi { display:none; }
#pagetopSP { display:none; }
#spMenuBtn { display:none ;}
#spFooter { display:none; }
@media screen and (max-width:1000px) {

img { /*width:100%;*/ max-width:100%; height:auto; vertical-align:top; }

#header { box-sizing:border-box; padding:0 15px; max-width:100%; }
#header .config { max-width:100%; }
#header h1 { left:15px; }

#footer .config {  max-width:100%; }
#footer .ftnav_s { max-width:100%; }
#pagetop {  max-width:100%; }
}
@media screen and (max-width:800px) {
a,
a::after,
a::before { transition:background 0.5s linear 0s, opacity 0.5s linear 0s, color 0.5s linear 0s; }

html.noScroll,
body.noScroll { overflow-y:hidden; }

#header { position:fixed; padding:10px 15px; height:auto; overflow:visible; box-shadow:0 0 5px 5px rgba(0,0,0,0.2); z-index:99999998; }
#header h1.logo {  position:relative; top:0; left:0; width:75%; height:auto; padding:10.38% 0 0 0; background:url(../img/common/img_logo_sp.png) center center / 100% auto no-repeat; }
#header h1.logo a { width:100%; height:100%; position:absolute; left:0; top:0; }
#header #sub_menu {  display:none; }
#header #gnav { display:none; }
#spNavi { display:none; position:absolute; top:100%; height:auto; max-height:calc(100vh - 20px - 10.38vw); left:0; background:rgba(255,255,255,0.9); width:100%; overflow:auto; overflow-x:hidden; z-index:99999999; box-shadow:0 5px 5px 5px rgba(0,0,0,0.2); }
#spNavi.active {  display:block; }
#spNavi a { font-size:3.125vw; font-weight:bold; padding:1em 15px; line-height:1.1; display:block; width:100%; box-sizing:border-box; text-decoration:none; }
#spNavi a:hover,
#spNavi a.active { color:#d7092f; text-decoration:none;  }
#spNavi a.spNaviBtn { position:relative; transition:all 0.5s linear 0s; }
#spNavi a.spNaviBtn::after { content:''; display:block; width:1.2em; height:4px; background:#d7092f; line-height:1; position:absolute; right:15px; top:calc(50% - 2px); }
#spNavi a.spNaviBtn::before { content:''; display:block; width:4px; height:1.2em; background:#d7092f; line-height:1; position:absolute; right:calc(13px + 0.6em); top:calc(50% - 0.6em);transition:all 0.5s linear 0s; }
#spNavi a.spNaviBtn.active::after{ background:#ccc; }
#spNavi a.spNaviBtn.active::before { transform:rotate(-90deg); background:#ccc; }
#spNavi ul > li { display:block; border-bottom:#f1f1f1 solid 3px; }
#spNavi ul > li:last-of-type { border-bottom:none; }
#spNavi > ul > li > ul { display:none; }
#spNavi > ul > li > ul.active { display:block; padding:0 0 0 15px; background:rgba(255,255,255,0.9); position:relative;}
#spNavi > ul > li > ul.active::before { content:''; display:block; width:2px; left:15px; background:#d7092f; top:0; height:100%; position:absolute; }
#spNavi > ul > li > ul > li > ul { display:none; }
#spNavi > ul > li > ul > li > ul.active { display:block; padding:0 0 0 15px; position:relative; }
#spNavi > ul > li > ul > li > ul.active::before { content:''; display:block; width:2px; left:15px; background:#d7092f; top:0; height:100%; position:absolute; }

#spMenuBtnWrapper { display:block; position:absolute; width:calc(10.39% + 15px); height:100%; top:0; right:0; border-left:#ccc solid 1px; cursor:pointer; }
#spMenuBtn { display:block; position:absolute; top:calc(50% - 5px - 1.3vw); right:15px; width:calc(100% - 30px); background:#d7092f; height:4px; overflow:visible; transition:background 0.5s linear 0s;  }
#spMenuBtn::before { position:absolute; top:-2.5vw; right:0; width:100%; background:#d7092f; height:4px; content:''; display:block; transition:all 0.5s linear 0s;  }
#spMenuBtn::after { position:absolute; bottom:-2.5vw; right:0; width:100%; background:#d7092f; height:4px; content:''; display:block;  transition:all 0.5s linear 0s; }
#spMenuBtn.active { background:none; }
#spMenuBtn.active::before { transform:rotate(135deg); top:0; }
#spMenuBtn.active::after { transform:rotate(-135deg); bottom:0; }
#spMenuBtnWrapper::after { content:'MENU'; display:block; position:absolute; bottom:10%; left:0; width:100%; text-align:center; color:#d7092f; font-size:2.6vw; }

#contents { margin:calc(20px + 10.38%) auto 0 auto; }

/* FOOTER */
#footer { padding:20px 0 50px 0; }
#footer .ftnav { display:none; }
#footer .ftnav_s { /*display:none;*/ text-align: center;}
#footer .ftnav_s li{ display: inline;}

/*  */
#spFooter { display:block; position:fixed; bottom:0; left:0; width:100%; z-index:99999997 }
#spFooter ul { }
#spFooter ul li { box-sizing:border-box; display:block; float:left; width:33.33%; height:5vh }
#spFooter ul li:nth-of-type(1) { border-right:#fff solid 1px; }
#spFooter ul li:nth-of-type(1) a { display:block; width:100%; height:100%; line-height:1; background:rgba(0,0,0,1) url(../img/common/btn_spfooter_01.png) center center / 90% auto no-repeat; }
#spFooter ul li:nth-of-type(2) { border-right:#fff solid 1px; }
#spFooter ul li:nth-of-type(2) a { display:block; width:100%; height:100%; line-height:1; background:rgba(0,0,0,1) url(../img/common/btn_spfooter_02.png) center center / 90% auto no-repeat; }
#spFooter ul li:nth-of-type(3) { }
#spFooter ul li:nth-of-type(3) a { display:block; width:100%; height:100%; line-height:1; background:rgba(215,9,47,1) url(../img/common/btn_spfooter_03.png) center center / 90% auto no-repeat; }

/* PAGE TOP */
#pagetop a.pc {  display:none;}
#pagetopSP { display:block; position:fixed; bottom:60px; right:10px; width:30px; height:30px; background:url(../img/common/pagetop.png) center center / 100% 100% no-repeat; cursor:pointer; z-index:99999997; }
#pagetopSP:hover {  background:url(../img/common/pagetop_on.png) center center / 100% 100% no-repeat; }

/* Add '18.03.02 */
  #contents .config { width: 100%; box-sizing: border-box;}
  #contents #article { width: 100%; padding: 0; float: none; box-sizing: border-box; min-height: auto!important;}
  #pan_list { display: none;}

/* Add '18.03.05 */
  #contents .config { padding: 20px 10px;}
  .section { padding-bottom: 100px!important;}
  .section h2 { padding: 0 0 40px!important;margin-bottom: 0!important;}
/* add 18.03.09 */
#contents .config,
#contents #article,
#contents #article_form,
#contents .config,
#contents #article2 {max-width:none; width: 100%;}

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

}