/*-----------------------------------------------------------
Mobile (Portrait) Design for a width of 320 to 767 2022
-----------------------------------------------------------*/
@media only screen and (max-width: 767px) {
#main{
  position: fixed;
  width: 100%;
  height: calc((100% - 124px));
  z-index: 999;
  overflow-y: scroll;
  margin-top: 0!important;
}
#footer{
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 999;
}
.sp_sitemap2{
  position: fixed!important;
  z-index: 999;
}


div.container[data-sidebar="false"] {
  padding-top: 0 !important;
}
div.js-positioning_contents{
  background-color:#3061ac !important;
}
#Content{
  width:100%;
}
#Content #ContentMain{
  display:none;
}
#Content #ContentSubNavi{
  display:block;
  width:320px;
  margin:30px auto 0 !important;
  float:none;
  font-size:95%;
  margin-top: 120px!important;
}
#Content #ContentSubNavi ul{
  border:0;
}
#Content #ContentSubNavi ul li#SubNavi01 a {
  background-color: #5a80be;
}
/*#Content #ContentSubNavi ul li#SubNavi02 a,
#Content #ContentSubNavi ul li#SubNavi08 a,
#Content #ContentSubNavi ul li#SubNavi10 a,
#Content #ContentSubNavi ul li#SubNavi11 a,
#Content #ContentSubNavi ul li#SubNavi12 a,
#Content #ContentSubNavi ul li#SubNavi13 a,
#Content #ContentSubNavi ul li#SubNavi14 a,
#Content #ContentSubNavi ul li#SubNavi17 a{
  background:url(/common/sustainability/images/sub_navi_bg02sp.png) no-repeat left center;
}
#Content #ContentSubNavi.current_02_01 ul li#SubNavi02 a,
#Content #ContentSubNavi.current_08_01 ul li#SubNavi08 a,
#Content #ContentSubNavi.current_10_01 ul li#SubNavi10 a,
#Content #ContentSubNavi.current_11_01 ul li#SubNavi11 a,
#Content #ContentSubNavi.current_12_01 ul li#SubNavi12 a,
#Content #ContentSubNavi.current_13_01 ul li#SubNavi13 a,
#Content #ContentSubNavi.current_14_01 ul li#SubNavi14 a,
#Content #ContentSubNavi.current_17_01 ul li#SubNavi17 a{
  background:url(/common/sustainability/images/sub_navi_bg07sp.png) no-repeat left center;
  color:#3161ad;
}
#Content #ContentSubNavi ul li#SubNavi02 a:hover,
#Content #ContentSubNavi ul li#SubNavi08 a:hover,
#Content #ContentSubNavi ul li#SubNavi10 a:hover,
#Content #ContentSubNavi ul li#SubNavi11 a:hover,
#Content #ContentSubNavi ul li#SubNavi12 a:hover,
#Content #ContentSubNavi ul li#SubNavi13 a:hover,
#Content #ContentSubNavi ul li#SubNavi14 a:hover,
#Content #ContentSubNavi ul li#SubNavi17 a:hover{
  background:url(/common/sustainability/images/sub_navi_bg07sp.png) no-repeat left center;
  color:#3161ad;
}
.dropdownlink{
  background: url(/common/sustainability/images/p.png) no-repeat 285px center;
}
.open>.dropdownlink2{
  background: url(/common/sustainability/images/n.png) no-repeat 285px center;
}*/


.accordion-menu .open{
  background: #DEECFF;
  padding-bottom: 10px;
}
.accordion-menu .submenuItems{
  padding: 0 20px;
  box-sizing: border-box;
}
.accordion-menu .submenuItems>li{
  background: #fff!important;
  margin-bottom: 10px;
}
.accordion-menu .submenuItems>li a{
  padding: 20px 34px 20px 20px!important;
  border-bottom: none!important;
  position: relative;
}
.accordion-menu .submenuItems>li a:after{
  display: inline-block;
  /*position: absolute;*/
  top: 50%;
  right: 12px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 0;
  border-top: 1px solid #3061ac;
  border-right: 1px solid #3061ac;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-backface-visibility: hidden;
  content: "";

}
.accordion-menu .submenuItems>li a.a-pdf::after{
  content: "";
  background-image: url(/common/img/cmn_sprite_ic01.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 16px;
  height: 15px;
  background-position: 0px -200px;
  right: 10px;
  border: none;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.accordion-menu .linkArrow{
  background:url(/common/sustainability/images/sp_navi_arrow.png) no-repeat right;
  margin-right: 14px;
}
.accordion-menu .dropdownlink{
  background:url(/common/sustainability/images/sub_navi_open.png) no-repeat right;
  margin-right: 10px;
}
.accordion-menu .linkArrow .a-pdf::after {
  content: "";
  top: -2px;
  margin: 0 0 0 10px;
  width: 16px;
  height: 15px;
  background-position: 0px -200px;
  display: inline-block;
  background-image: url(/common/img/cmn_sprite_ic01.png);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.accordion-menu .open>.dropdownlink{
  background: url(/common/sustainability/images/sub_navi_close.png) no-repeat right;
  margin-right: 10px;
  border-bottom: none;
}
#sp-subMenu{margin-top: 30px;}
#sp-subMenu li{position: relative;}
#sp-subMenu li+li{margin-top: 10px;}
#sp-subMenu li a{
  padding: 0 0 0 34px!important;
  color: #fff!important;
  border-bottom: none!important;
}

#sp-subMenu.link-text li a::before{
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  left: 12px;
}


/*div.dropdownlink2{
  background:url(/common/sustainability/images/n.png) no-repeat 285px center;
}
.open div.dropdownlink2{
  background:url(/common/sustainability/images/sub_navi_open.png) no-repeat 285px center;
}*/
/*li#SubNavi03 div,
#Content #ContentSubNavi ul li#SubNavi01 a{
  letter-spacing: normal;
  white-space: normal;
}*/

div.sp_sitemap{
  margin-top:48px;
  display:block;
  height:50px;
  width:100%;
  overflow:hidden;
}
div.sp_sitemap2{
  margin-top:48px;
  display:block;
  height:49px;
  width:100%;
  border-top:solid 1px #fff;
  overflow:hidden;
}
div.sp_sitemap a{
  display:block;
  text-align:center;
  vertical-align:middle;
  background: #284f8e;
}
div.sp_sitemap2 a{
  display:block;
  text-align:center;
  vertical-align:middle;
  background: #2A4F8E;
}
div.sp_sitemap a img{
  height:48px !important;
  width:180px! important;
}
sup{font-size:60%;}
.for_pc{display:none;}
.for_sp{display:inline-block;}

}