@charset "utf-8";
/* CSS Document */

html.JS .slider{
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
html.JS.window-load .slider{
  opacity: 1;
}


@media screen and (min-width:768px),print { 
  .pickupAreaInner,
  .mainMenuInner,
  .mainMenuList,
  .newsAreaInner,
  .bnrAreaInner,
  .subNewsAreaInner,
  .attention ul p,
  .specialAreaInner{
  width: 1200px;
  }
  body{
  min-width: 1200px;
  }
}
/* =========================================================== */
/* text styles
/* =========================================================== */

/* Heading
-------------------------------------------------------------- */
h2{
margin-bottom: 30px;
font-size: 1.5rem;
font-weight: normal;
color: #4e4e4e;
}
.mainArea h2{
font-family: 'UD新ゴ R';
}
.warn h2 {
color: #181818;
font-size: 1.25rem;
font-family: 'UD新ゴ M';
text-align: center;
padding: 20px;
border-top: 1px solid #181818;
border-bottom: 1px solid #181818;
letter-spacing: 0.5px;
background: white;
position: relative;
z-index: 0;
}
.warn h2:after{
content: "";
display: block;
width: 8em;
background: #ffea00;
height: 0.7em;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0.7em;
bottom: 0;
z-index: -1;
}
.mainMenuList h3{
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
border-left: solid 2px #ca0000;
position: relative;
min-height: 48px;
height: 48px;
padding: 4px 0 4px 22px;
font-size: 1.75rem;
font-weight: normal;
letter-spacing: 0.5px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.mainMenuList h3 > *{
display: block;
width: 100%;
font-family: 'UD新ゴ R';
}

.mainMenuList h3 .sub{
font-size: 60%;
margin-bottom: 10px;
}
.mainMenuList h3.white{
color: white;
}
.attention h4{
margin-bottom: 20px;
color: #181818;
}

/* a
-------------------------------------------------------------- */
@media screen and (min-width:768px),print { 
  a{
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }
}
a{
color: #003fa7;
}
a:hover{
opacity: 0.9;
text-decoration: underline;
}
a:visited{
color: #003b9d;
}
.js-link{
cursor: pointer;
}
.box_link > li a.focus:focus,
.groupLink > li a.focus:focus{
outline: none;
-webkit-box-shadow: 0 0 0 2px #ff9000 inset;
box-shadow: 0 0 0 2px #ff9000 inset;
}
.mainMenuList > li > a.focus:focus:before{
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 4px solid #ff9000;
box-sizing: border-box;
}
.slick-prev:focus,
.slick-next:focus{
outline: 2px solid #ff9000;
-webkit-transition: all 0 ease;
transition: all 0 ease;
}
.visualArea .slick-slide a img{
width: 100%;
max-width: 1200px;
height: auto;
}
.visualArea .slick-slide a:hover{
opacity: 1;
}
.visualArea .slick-slide a.focus:focus{
outline: none;
}
.visualArea .slick-slide a.focus:focus img{
opacity: 0.5;
}
.visualArea .slick-slide a:focus:before{
content: "";
display: inline-block;
width: 1200px;
height: 100%;
position: absolute;
border: 4px solid #ff9000;
box-sizing: border-box;
left: 0;
}
.pickupSublistSlider .slick-slide a.focus:focus:before{
content: "";
display: inline-block;
width: 215px;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 2px solid #ff9000;
box-sizing: border-box;
}
.visualArea .playBtn.focus:focus{
content: "";
display: inline-block;
width: 114px;
border: 2px solid #ff9000;
}
.pickupArea .playBtn.focus:focus{
content: "";
display: inline-block;
height: 100%;
border: 2px solid #ff9000;
}

/* arrow
-------------------------------------------------------------- */
.arrow,
.arrow_s{
padding-left: 14px;
position: relative;
display: inline-block;
}
.arrow:before,
.arrow_s:before{
position: absolute;
content: "";
background: url(../../images/ico_arrow_red_l.png) no-repeat;
background-size: contain;
width: 0.6em;
height: 0.9em;
display: inline-block;
top: 0.2em;
left: 0;
margin: auto;
}
.arrow_s:before{
width: 0.5em;
height: 0.8em;
}
.arrow_tri{
padding-left: 14px;
position: relative;
display: inline-block;
}
.arrow_tri:before{
position: absolute;
content: "";
background: url(../../images/ico_tri_red_l.png) no-repeat;
background-size: contain;
width: 0.6em;
height: 0.9em;
display: inline-block;
top: 0.2em;
left: 0;
margin: auto;
}
.arrow_tri:before{
width: 0.5em;
height: 0.8em;
}
.arrowNone{
padding-left: 0;
}
.arrowNone:before{
content: none;
}
.Popup:after{
content: "";
background: url(../../images/ico_window_blue.png) no-repeat;
background-size: contain;
position: relative;
width: 1em;
height: 1em;
display: inline-block;
margin-left: 4px;
top: 0.15em;
}
img.target_blank{
margin-left: 6px;
}
/* =========================================================== */
/* visualArea
/* =========================================================== */

@media screen and (min-width:768px) {
  .visualArea{
  min-height: 529px;
  }
}
.visualArea{
padding-bottom: 20px;
}
.sliderWrap{
position: relative;
}
.playBtn{
margin: auto;
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
.visualArea .playBtn{
position: absolute;
bottom: -50px;
right: -1050px;
left: 0;
width: 114px;
border: 2px solid transparent;
}
.startBtn,
.stopBtn{
border-style: solid;
display: inline-block;
position: relative;
padding-left: 27px;
box-sizing: border-box;
}
.visualArea .startBtn,
.visualArea .stopBtn{
border-width: 2px;
min-width: 110px;
font-size: .8rem;
line-height: 32px;
}
.startBtn:before,
.stopBtn:before{
position: absolute;
content: "";
display: inline-block;
width: 19px;
height: 19px;
left: 8px;
top: 0;
bottom: 0;
margin: auto;
background-size: cover;
}
.startBtn:hover,
.stopBtn:hover{
background: #faf9f9;
}
.startBtn{
border-color: #cc0000;
color: #cc0000;
}
.startBtn:before{
background-image:  url(../../images/slick_startBtn.png);
}
.stopBtn{
border-color: #000;
color: #000;
background-color: #FFF;
}
.stopBtn:before{
background-image:  url(../../images/slick_stopBtn.png);
}
/* =========================================================== */
/* newsArea
/* =========================================================== */

.newsArea{
background: #ffffff;
/*padding-bottom: 60px;*/
page-break-after: always; /* 各ページの終わりに改ページ */
}
.newsAreaInner{
margin:auto;
padding-top: 60px;
padding-bottom: 60px;
}
.newsflex{
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
}
.newsAreaWrap{
width: 820px;
}

/* tab
-------------------------------------------------------------- */
.newstabs{
width: 820px;
margin: 0 auto;
font-size:0;
line-height: 0;
}
.newstabs li{
display: inline-block;
margin:0;
padding:0;
margin-right: 4px;
}
.newstabs li:last-child{
margin-right: 0;
}
.newstabs li a{
display: inline-block;
width:202px;
height:62px;
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
}
.newstabs #news_jp a{
background-image: url(../../images/tab_news_jp_off.png);
}
.newstabs #news_yuubin a{
background-image: url(../../images/tab_news_yuubin_off.png);
}
.newstabs #news_yuucho a{
background-image: url(../../images/tab_news_yuucho_off.png);
}
.newstabs #news_kanpo a{
background-image: url(../../images/tab_news_kanpo_off.png);
}
.newstabs #news_jp.active a{
background-image: url(../../images/tab_news_jp_on.png);
}
.newstabs #news_yuubin.active a{
background-image: url(../../images/tab_news_yuubin_on.png);
}
.newstabs #news_yuucho.active a{
background-image: url(../../images/tab_news_yuucho_on.png);
}
.newstabs #news_kanpo.active a{
background-image: url(../../images/tab_news_kanpo_on.png);
}
.newstabs li.active a{
background-color: #FFF;
color:#000;
}
.newstabs li.active{
position:relative;
}
.newstabs li.active:after{
position: absolute;
z-index: 1000;
content:"";
bottom:-12px;
left: 0;
right: 0;
margin:auto;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 8.5px 0 8.5px;
border-color: #cc0000 transparent;
}
.newstabs #news_jp.active:after{
border-color: #d2d2d2 transparent;
}
.newstabs #news_yuucho.active:after{
border-color: #008200 transparent;
}
.newstabs #news_kanpo.active:after{
border-color: #000082 transparent;
}

/* panel
-------------------------------------------------------------- */
.panels{
position: relative;
height: calc(100% - 62px);
background: white;
border: 2px solid #dedede;
border-top: 0;
}
.panels > ul{
height: 100%;
}
.panels .panel{
display: none;
}
.panels .panel.active {
display: flex;
flex-direction: column;
height: 100%;
}
.news_panel_box{
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
position: relative;
}
.news_panel_box:before{
position: absolute;
content: "";
width: 820px;
height: 3px;
left: -2px;
display: inline-block;
background: #d2d2d2;
}
#news_jp_content .news_panel_box:before{
background: #d2d2d2;
}
#news_yuubin_content .news_panel_box:before{
background: #ca0000;
}
#news_yuucho_content .news_panel_box:before{
background: #008200;
}
#news_kanpo_content .news_panel_box:before{
background: #000082;
}
.news_panel_box > div{
flex: 1 1 50%;
margin: 30px 20px 20px;
/*padding-bottom: 40px;*/
position: relative;
}
.news_panel_box > div:last-child{
margin-left: 0;
}
.news_sitelink{
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
}
.news_list + .news_panel_ttl{
min-height: auto;
height: auto;
margin-top: 50px;
min-height: 41px;
}
.news_list{
border-bottom: 1px dotted #dedede;
border-top: 1px dotted #dedede;
}
.news_list li{
border-bottom: 1px dotted #dedede;
padding: 16px 10px;
line-height: 1.1em;
box-sizing: border-box;
min-height: 98px;
}
.news_list li:last-child{
border-bottom: 0;
}
.news_panel_ttl{
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
border-left: solid 2px #ca0000;
position: relative;
min-height: 48px;
height: 48px;
letter-spacing: 0.5px;
font-weight: bold;
font-size: 1.25rem;
border: none;
padding: 0;
margin-bottom: 5px;
text-align: center;
color: #181818;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
padding-left: 10px;
}
.news_panel_ttl:after{
content: none;
}
.news_panel_box li{
border-bottom: 1px dotted #dedede;
padding: 16px 10px;
line-height: 1.1em;
box-sizing: border-box;
min-height: 98px;
}
.news_panel_box li:last-child{
border-bottom: 0;
}
.news_panel_box .date{
font-size: 0.875rem;
font-family: 'UD新ゴ M';
color: #333333;
}
.news_panel_box .ico_important,
.news_panel_box .ico_services,
.news_panel_box .ico_finance{
font-size: 0.75rem;
font-family: 'UD新ゴ M';
display: inline-block;
line-height: 117%;
margin-left: 12px;
}
.news_panel_box .ico_important{
color: #cc0000;
}
.news_panel_box .ico_services{
color: #000082;
}
.news_panel_box .ico_finance{
color: #4c7f29;
}
.news_panel_box p{
margin-top: 14px;
font-size: 0.875rem;
}
.newslistLink{
position: absolute;
bottom: 0;
right: 0;
text-align: right;
font-size: 0.875rem;
font-family: 'UD新ゴ M';
}
.newslistLink a{
position: relative;
padding-left: 20px;
}
.newslistLink a:before {
position: absolute;
content: "";
background: url(../../images/ico_arrow_red_l.png) no-repeat;
background-size: contain;
width: 0.6em;
height: 0.9em;
display: inline-block;
top: 0.35em;
left: 0;
margin: auto;
}
.news_panel_ttlinner{
width: auto;
font-family: 'UD新ゴ M';
}
.news_panel_ttl a{
border: 2px solid #dedede;
display: inline-block;
padding: 0.8rem 0.8rem 0.8rem 2rem;
font-size: 0.85rem;
border-radius: 2rem;
}
.news_panel_ttl a.arrow_s:before{
top: 0;
bottom: 0;
left: 1rem;
}
.news_sitelink a{
border: 2px solid #dedede;
padding: 1rem;
font-size: 0.85rem;
border-radius: 2rem;
text-align: center;
margin: 20px;
position: relative;
flex: 1 1 auto;
}
.news_sitelink a:before{
position: absolute;
content: "";
background: url(/images/ico_arrow_red_l.png) no-repeat;
background-size: contain;
width: 0.8em;
height: 1.2em;
display: inline-block;
top: 0;
bottom: 0;
margin: auto;
left: 2em;
margin: auto;
}
.news_sitelink a:after{
position: absolute;
content: "";
background: url(/images/ico_window_blue.png) no-repeat;
background-size: contain;
width: 1.2em;
height: 1.2em;
display: inline-block;
top: 0;
bottom: 0;
margin: auto;
right: 2em;
margin: auto;
}        
.news_sitelink a img{
max-height: 25px;
}

/* =========================================================== */
/* sideArea
/* =========================================================== */

.sideArea{
width: 350px;
padding-top: 15px;
    display: flex;
    flex-direction: column;
}

/* twitter
-------------------------------------------------------------- */
.twitterBox{
width: 350px;
height: 527px;
margin-bottom: 30px;
}

_:-ms-lang(x)::-ms-backdrop, .twitterBox {
    display: none;
}
@-moz-document url-prefix() {
    .twitterBox{
    display: none;
    }
}

/* kabuka
-------------------------------------------------------------- */
.kabukaBox{
border: 2px solid #d5d7d9;
box-sizing: border-box;
background: white;
text-align: center;
position: relative;
font-size: 0;
line-height: 0;
}
.kabukaBox a{
display: inline-block;
width: 100%;
height: 100%;
min-height: 200px;
box-sizing: border-box;
}
.kabukaBox a:hover {
opacity: 1;
}
.kabukaBox:hover{
border: 2px solid #ffa8a8;
}
.kabukaBox a:hover > *{
opacity: 0.9;
}
.kabukaBox a:hover p{
text-decoration: underline;
}
.kabukaTtl{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
font-size: .8rem;
line-height: 1em;
text-align: left;
padding-right: 20px;
box-sizing: border-box;
}
.kabukaTtl:after{
content: "";
position: absolute;
background: url(../../images/ico_arrow_red_l.png) no-repeat;
background-size: contain;
width: 0.5em;
height: 0.7em;
display: inline-block;
top: 0;
bottom: 0;
right: 0.5em;
margin: auto;
}
.kabukaTtl span{
background: #cc0000;
color: white;
padding: 8px;
display: inline-block;
margin-right: 5px;
}
#stockQuotations{
height: 120px;
overflow: hidden;
position: absolute;
top: 40px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#stockQuotations img{
width: 360px;
}

/* =========================================================== */
/* mainMenu
/* =========================================================== */
.mainMenu{
padding-top: 60px;
padding-bottom: 40px;
background: #f7f7f7;
}
.mainMenuInner{
margin: auto;
}
.mainMenuList{
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
margin: auto;
}
.mainMenuList a{
color: #1e1e1e;
font-family: 'UD新ゴ M';
}
.mainMenuList a:hover{
opacity: 1;
text-decoration: none;
}
@media screen and (min-width:768px) {
  .mainMenuList > li{
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  }
  .mainMenuList > li:after{
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  }
}
.mainMenuList > li{
margin-bottom: 30px;
position: relative;
overflow: hidden;
background: #878787;
z-index: 0;
font-size: 0;
}
.mainMenuList > li > a:hover h3{
color: black;
}
.mainMenuList > li > a{
display: inline-block;
box-sizing: border-box;
padding: 30px;
z-index: 500;
position: relative;
width: 100%;
height: 100%;
}
.mainMenuList > li a{
font-size: 1rem;
}
.mainMenuList > li:after{
content:"";
display: inline-block;
position: absolute;
background-size:cover;
top: 0;
left: 0;
z-index: -1;
}
.mainMenuList > li:hover:after{
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
opacity: 0.7;
}
.mainMenuList .menu_white_box{
position: absolute;
bottom: 0;
left: 0;
background: rgba(255,255,255,0.85);
min-height: 76px;
height: 76px;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-align-items: center;
-ms-align-items: center;
align-content: center;
padding: 0 30px;
width: 100%;
box-sizing: border-box;
z-index: 1000;
}
.mainMenuList .menu_white_box.wrap{
flex-wrap: wrap;
}
.menu_white_box > * {
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 5px 0;
}
.menu_white_box a{
padding-left: 18px;
position: relative;
line-height: 120%;
transform: rotate(0.05deg);
}
.menu_white_box a:before{
position: absolute;
content: "";
background: url(../../images/ico_arrow_red_l.png) no-repeat;
background-size: cover;
width: 0.5em;
height: 0.8em;
display: inline-block;
left: 0;
top: 0.25em;
margin: auto;
}
.menu_white_box li span a{
transform: rotate(0.05deg);
}
.menu_white_box li a{
margin-right: 30px;
}
.menu_white_box li:last-child a{
margin-right: 0;
}
.menu_white_box li a:hover{
color: #c00000;
text-decoration: underline;
}
.groupLink {
position: absolute;
bottom: 0;
left: 0;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-align-items: center;
-ms-align-items: center;
align-content: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 13px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
z-index: 1000;
margin-bottom: 6px;
}
.groupLink li{
position: relative;
width: calc(50% - 5px);
margin-bottom: 10px;
}
.groupLink li:nth-child(2n+1){
margin-right: 10px;
}
.groupLink a{
background: white;
display: inline-block;
padding: 10px 30px 10px 12px;
border-radius: 25px;
box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 2px 1px rgba(0,0,0,0.1);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
width: 171px;
box-sizing: border-box;
text-align: center;
}
.groupLink a:last-child{
margin-right: 0;
}
.groupLink li a:hover{
transform: translateY(-2px);
box-shadow: 0 2px 4px rgba(0,0,0,0.20), 0 2px 3px rgba(0,0,0,0.20);
}
.groupLink a:after {
content: "";
position: absolute;
background: url(../../images/ico_window_blue.png) no-repeat;
background-size: cover;
width: 0.7em;
height: 0.7em;
display: inline-block;
top: 0;
bottom: 0;
margin: auto;
margin-left: 10px;
}
.groupLink .yusei a:after {
  display: none;
}
.groupLink img{
height: 19px;
}
.ir .box_link {
position: absolute;
bottom: 0;
left: 0;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 30px;
width: 100%;
box-sizing: border-box;
z-index: 1000;
margin-bottom: 6px;
}

@media screen and (min-width:768px),print { 
.mainMenuList .corp,
.mainMenuList .topmessage,
.mainMenuList .group{
width: 380px;
height: 460px;
}
.mainMenuList .ir,
.mainMenuList .csr{
width: 585px;
height: 20rem;
}
.mainMenuList .corp.wide,
.mainMenuList .group.wide{
width: 585px;
height: 400px;
}
}
.mainMenuList .corp:after,
.mainMenuList .topmessage:after,
.mainMenuList .group:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 380px;
height: 460px;
}
.mainMenuList .corp.wide:after,
.mainMenuList .group.wide:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 585px;
height: 400px;
}

.mainMenuList .corp:after{
background: url(../../images/menu_corp.png);
}
.mainMenuList .topmessage:after{
background: url(../../images/menu_topmessage.png);
}
.mainMenuList .group:after{
background: url(../../images/menu_group.png);
}

.mainMenuList .corp.wide:after{
background: url(../../images/menu_corp_wide.png);
}
.mainMenuList .group.wide:after{
background: url(../../images/menu_ir_wide.png);
}

.mainMenuList .ir:after,
.mainMenuList .csr:after{
position: absolute;
top: 0;
left: 0;
width: 585px;
height: 20rem;
}
.mainMenuList .ir:after{
background: url(../../images/menu_ir.png);
background-color: #e0dddd;
background-repeat: no-repeat;
}
.mainMenuList .csr:after{
background: url(../../images/menu_csr.png);
background-size: cover;
}

@media screen and (min-width:768px),print { 
  .groupList{
  text-indent: -18px;
  padding-left: 18px;
  }
  .groupLink li a{
  margin-right: 16px;
  }
  .groupLink li:last-child a{
  margin-right: 0;
  }
  .mainMenuList .group .box_link{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: auto;
  z-index: 1000;
  }
  .mainMenuList .group.wide .box_link{
  position: absolute;
  left: auto;
  right: 40px;
  bottom: 20px;
  margin: auto;
  z-index: 1000;
  }
  .mainMenuList .csr .box_link{
  position: absolute;
  top: 105px;
  right: 40px;
  margin: auto;
  z-index: 1000;
  }
  .mainMenuList .ir .box_link_red{
  position: absolute;
  top: 20px;
  right: 20px;
  margin: auto;
  z-index: 1000;
  }
  .box_link a,
  .box_link_red a{
  background:rgba(255,255,255,0.85);
  display: block;
  margin: auto;
/*  width: 300px; */
  border-radius: 60px;
  line-height: 1.2em;
  padding: 0.8em 2.2em 0.8em 1.6em;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  .csr_box_link a {
  background: rgba(255,255,255,0.6) !important;
  }
  .box_link li a,
  .box_link_red li a{
  margin-bottom: 10px;
  }
  .box_link li:last-child a,
  .box_link_red li:last-child a{
  margin-bottom: 0;
  }
  .ir .box_link li a {
  width: 248px;
  padding: 0.8em 2.1em 0.8em 1.5em;
  text-align: left;
  margin-bottom: 12px;
  }
  .ir .box_link li a:before{
  display: none;
  }
  .box_link a:after,
  .box_link_red a:after{
  position: absolute;
  content: "";
  background: url(../../images/ico_arrow_red_l.png) no-repeat;
  background-size: cover;
  width: 8px;
  height: 14px;
  display: inline-block;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  }
  .box_link a:hover,
  .box_link_red a:hover{
  color: #c00000;
  transform:translateY(-2px);
  box-shadow: 0 5px 5px rgba(0,0,0,0.25),
              0 5px 5px rgba(0,0,0,0.22);
  }
  .box_link_red a{
  border: 2px solid #ca0000;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  padding: 0.8em 2.2em;
  border-radius: 27px;
  }
}

/* =========================================================== */
/* pickupArea
/* =========================================================== */
.pickupArea{
background: #f7f7f7;
}
.pickupAreaInner{
margin: auto;
text-align: center;
padding: 50px 0 50px 0;
}
.pickupList{
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
margin-bottom: 30px;
}
.pickupList li{
background: white;
margin-right: 20px;
}
.pickupList li:last-child{
margin-right: 0;
}
.pickupList li a{
display: inline-block;
width: 100%;
height: 100%;
box-shadow: 0 3px 4px rgba(0,0,0,0.05);
}
.pickupList li a:hover{
box-shadow: 0 3px 4px rgba(0,0,0,0.2);
}
.pickupArea .bx-wrapper {
box-shadow: none;
border: none;
background: none;
margin: 0 auto;
}
.pickupArea .bx-wrapper .bx-prev {
left: -35px;
background: url('../../images/pickupSublistSliderArrow_prev.png') no-repeat 10px 7px;
}
.pickupArea .bx-wrapper .bx-next {
right: -35px;
background: url('../../images/pickupSublistSliderArrow_next.png') no-repeat 10px 7px;
}
.pickupSublistSlider{
width: 920px;
margin: auto;
}
.pickupSublistSlider li a img{
width: 100%;
max-width: 215px;
height: auto;
margin: 0 auto;
}
.pickupArea .custom-auto {
margin-top: 15px;
}
.bx-wrapper .bx-controls-direction a {
z-index: 0;
cursor: pointer;
}
.pickupArea .bx-start,
.pickupArea .bx-stop {
border-style: solid;
border-width: 1px;
position: relative;
width: auto;
padding: 2px 5px 2px 20px;
font-size: 80%;
box-sizing: border-box;
text-decoration: none;
}
.pickupArea .bx-start:before,
.pickupArea .bx-stop:before {
position: absolute;
content: "";
display: inline-block;
width: 10px;
height: 10px;
left: 5px;
top: 0;
bottom: 0;
margin: auto;
background-size: cover;
}
.pickupArea .bx-start:hover,
.pickupArea .bx-stop:hover {
background: #ffebeb;
}
.pickupArea .bx-start {
border-color: #cc0000;
color: #cc0000;
}
.pickupArea .bx-start:before {
background-image:  url(../../images/slick_startBtn.png);
}
.pickupArea .bx-stop {
border-color: #000;
color: #000;
background-color: #FFF;
}
.pickupArea .bx-stop:before {
background-image:  url(../../images/slick_stopBtn.png);
}
.pickupSublistSlider li a.focus:focus:before{
content: "";
display: inline-block;
width: 215px;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 2px solid #ff9000;
box-sizing: border-box;
}

/* =========================================================== */
/* subNewsArea
/* =========================================================== */
.subNewsArea{
/*margin-bottom: 180px;*/
}
.subNewsAreaInner{
margin:auto;
padding-top: 60px;
}
.subNewsAreaInner div:not(:last-child){
margin-bottom: 60px;
}

.warn{
background: #f7f7f7;
overflow: auto;
}
.warn ul{
margin: 40px 40px 50px;
}
.warn li{
margin-bottom: 32px;
line-height: 138%;
font-size: 1rem;
}
.warn li:before{
content: "";
display: inline-block;
background: url(/cmn/images/icon_warn.png);
background-size: cover;
width: 19px;
height: 19px;
margin-right: 10px;
position: relative;
top: 0.15em;
}
.warn li a{
font-weight: bold;
font-family: "ヒラギノUD角ゴ W6 JIS2004";
}
.warn li a:hover{
color: #cc0000;
opacity: 1;
}
.warn a{
margin-right: 6px;
}

.attention{
background: #e7e7e7;
border-top: 1px solid #d8d8d8;
}
.attention.importantnews {
background: #fee7e7;
border-top: none;
}
.attention li{
border-bottom: 1px solid #d8d8d8;
padding: 20px;
font-size: 0.875rem;
}
.attention li p{
margin: auto;
padding-left: 20px;
position: relative;
}
.attention li p:before{
position: absolute;
/*content: "";*/
background: url(../../images/ico_arrow_red_s.png) no-repeat;
background-size: contain;
width: 0.5em;
height: 0.8em;
display: inline-block;
left: 0;
top: 0.15em;
margin: auto;
}

/* =========================================================== */
/* subNewsArea
/* =========================================================== */
.footerArea{
/*margin-top: 90px;*/
}


@media print{
.visualArea .slick-track{
left: 50px !important;
width: 100% !important;
transform: none !important;
}
.visualArea .slick-slide:not(:nth-child(3)){
display: none !important;
}

.mainMenuList .corp:after,
.mainMenuList .topmessage:after,
.mainMenuList .ir:after,
.mainMenuList .group:after,
.mainMenuList .csr:after{
content: none;
}
.mainMenuList .corp{
background: url(../../images/menu_corp.png);
width: 380px;
height: 460px;
}
.mainMenuList .topmessage{
background: url(../../images/menu_topmessage.png);
}
.mainMenuList .ir{
background: url(../../images/menu_ir.png);
}
.mainMenuList .group{
background: url(../../images/menu_group.png);
}
.mainMenuList .csr{
background: url(../../images/menu_csr.png);
}

}

#GroupLinks {
	clear: both;
	width: 701px;
	margin: 45px auto;
}

.EN #GroupLinks {
	width: 1180px;
}

#GroupLinks dl {
	padding: 4px 0;
	background-color: #f3f3e7;
	border: 1px solid #d6d8da;
	letter-spacing: -.4em;
  text-align: center;
}

.EN #GroupLinks dl {
	padding: 4px 0 4px 120px;
	background-color: #f3f3e7;
	border: 1px solid #d6d8da;
	letter-spacing: -.4em;
}

#GroupLinks dt,
#GroupLinks dd {
	display: inline-block;
	letter-spacing: normal;
}

#GroupLinks dd {
	width: 180px;
	margin-right: 4px;
}

.EN #GroupLinks dd {
	width: 255px;
}

#GroupLinks dd a {
	display: block;
	border: 1px solid #d6d8da;
	padding: 8px 14px;
	background: #fff url(../images/icon_popup.gif) 95% 75% no-repeat;
}

#GroupLinks img {
	vertical-align: middle;
}

/* =========================================================== */
/* specialArea
/* =========================================================== */
.specialArea{
background: #f7f7f7;
}
.specialAreaInner{
margin: auto;
text-align: center;
padding: 20px 0 50px 0;
}
.specialAreaInner li{
display:inline-block;
margin: 0 5px;
text-align: center;
padding: 0;
}
.specialAreaInner img{
width: 326px;
}
.specialAreaInner span{
margin-top: 0.5em;
}

/* =========================================================== */
/* importantNoticesArea
/* =========================================================== */
.importantNoticesArea{
width: 1200px;
margin: 20px auto;
}
.importantNoticesArea ul{
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;

}
.importantNoticesArea ul li{
width: 380px;
height:auto;
font-family: 'UD新ゴ M';
font-size:0.8rem;
color: #1e1e1e;
}
.importantNoticesArea ul li a img.top_bnr{
width:100%;
border:1px solid #eee;
margin-bottom:5px;
}
.importantNoticesArea ul li a:hover {
opacity: 1;
}