/*-----------------------------------------------------------
Mobile (Portrait) Design for a width of 320 to 767
-----------------------------------------------------------*/
@media only screen and (max-width: 767px) {

div.sp_sitemap{
  position: fixed!important;
  z-index: 999;
  margin-top:0!important;
}
.pageHead{padding-top: 48px;}
/*div.container[data-sidebar="false"] {
padding-top: 0 !important;
}*/

#Content{
  width:100%;
}

#Content #ContentMain{
  width:100%;
  float:none;
  margin-left: 0;
}
#Content #ContentMain .section {
  margin-left: 0;
}
#Content #ContentMain .section .box03{
  padding:0;
}
/*---見出し--*/
/*#mainBody h1{
  position:relative;
  top:0;
  margin-bottom:60px;
  width:100%;
  height:180px;
  text-align:center;
  line-height:30px;
  font-size:2.4rem;
  font-weight:bold !important;
  letter-spacing:normal;
  padding-left:5px;
  padding-right:5px;
}
#mainBody h1 span{
  display:block;
  font-size:65%;
  padding-top:44px;
}
#mainBody h1 span.nbsp{
  padding-top:30px;
}
#mainBody h1.ls0{font-size:1.8rem;letter-spacing:0;line-height:1.4em;}
#mainBody h1.ls0 span{font-size:85%;padding-top:40px;}*/
#Content #ContentMain .section h2{
  border-left:solid 4px #3161ad;
  font-size:132%;
  padding-top:6px;
  padding-bottom:6px;
  font-weight:bold;
  text-indent:-1.8em;
  padding-left:2.7em;
  margin-left:0;
}
#Content #ContentMain .section h3{
  font-size:120%;
  line-height:1.4em;
  color:#3161ad;
  text-indent:-3.3em;margin-left:3.3em;
}
/*#Content #ContentMain .section h4.disc,
#Content #ContentMain .section h5.disc{
  list-style-type: none;
  background: url(/jsr_e/csr/2020/common/images/bg_list_disc.png) 0 4px no-repeat;
  padding-left:18px;
}*/
/*---//見出し--*/

/*-----ヘッドライン-----*/
#Headline ul.link_self li a{
  background: url(/jsr_e/csr/2020/common/images/link_self.png) 13px 18px no-repeat;
  padding-left:40px;
  padding-right:15px;
}
#Headline ul.link_self li a p{
  text-indent:-1.5em !important;
  padding-left:1.5em !important;
  margin-left:0 !important;
}
#Headline li.indent1 a{text-indent:-1.4em;margin-left:0 !important;}
#Headline li.indent1 a{padding-left:3em;}
/*-----//ヘッドライン-----*/


/*#Content ul.disc li {
  background: url(/jsr_e/csr/2020/common/images/bg_list_disc.png) 0 4px no-repeat;
  padding-left: 18px;
  margin-bottom: 5px;
}*/

#Content #ContentSubNavi{
  display:none;
}
div.menu{display:none;}
img.img_sp100{width:100%;}
img.img_sp60{width:60%;}
div.img_right{width:100%;float:none;margin:0 auto 0;text-align:center;}

div.sp_sitemap{
  margin-top:48px;
  display:block;
  height:50px;
  width:100%;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #fff;
  overflow:hidden;
  background: #284f8e;
}
div.sp_sitemap a{
  display:block;
  text-align:center;
  vertical-align:middle;
}
div.sp_sitemap a img{
  height:48px !important;
}

sup{font-size:60%;}
.for_pc{display:none;}
.for_sp{display:inline-block;}

/*------横スライド------*/
div.xslide{
  width:99%;
  overflow-x:scroll;
}
div.xslide table{
  margin-bottom:10px;
}
/*------//横スライド------*/

/*-----Flexbox 2列-----*/
#Content div.block2{
  width:100%;
  display:block !important;
}
#Content div.block2 div.block2_inner{
  width: 100%;
  margin: 0 !important;
}
#Content div.block2 div.block2_inner2{
  width: 100%;
  margin: 30px 0 0 0 !important;
}
#Content div.block2 div.block2_inner_emp{
  display:none;
}
#Content div.block2 h3.block2{
font-size:130% !important;
}
#Content div.block2 h4{
  padding:0 40px 25px 40px;
}
#Content div.block2 p{
  padding:0 40px 40px 40px;
}
#Content div.block2 ul{
  padding:0 40px 40px 30px;
}
/*-----//Flexbox 2列-----*/

/*-----左右均等 2列-----*/
#Content div.col420{
  width:100%;
}
#Content div.col420 div.col420_L{
  float:none;
  width:100%;
}
#Content div.col420 div.col420_R{
  float:none;
  width:100%;
  margin-top:20px;
}
#Content div.col420 img{width:100%;max-width:420px;}
/*-----//左右均等 2列-----*/

/*-----画像大（290px）右置き-----*/
#Content div.img290{
  width:100%;
}
#Content div.img290 div.img290_L{
  float:none;
  width:100%;
}
#Content div.img290 div.img290_R{
  float:none;
  width:290px;
  margin:20px auto 0;
}
#Content div.img290 img{width:290px;}
/*-----//画像大右置き-----*/

/*-----画像中（225px）右置き-----*/
#Content div.img225{
  width:100%;
}
#Content div.img225 div.img225_L{
  float:none;
  width:100%;
}
#Content div.img225 div.img225_R{
  float:none;
  width:225px;
  margin:20px auto 0;
}
#Content div.img225 img{width:225px;}
/*-----//画像中右置き-----*/

/*-----BOX01画像中（225px）右置き-----*/
#Content div.box01 div.img225{
  width:100%;
}
#Content div.box01 div.img225 div.img225_L{
  float:none;
  width:100%;
}
#Content div.box01 div.img225 div.img225_R{
  float:none;
  width:225px;
  margin:20px auto 0;
}
#Content div.box01 div.img225 img{width:225px;}
/*-----//BOX01画像中右置き-----*/

/*-----BOX01画像小（150px）右置き-----*/
#Content div.box01 div.img150{
  width:100%;
}
#Content div.box01 div.img150 div.img150_L{
  float:none;
  width:100%;
}
#Content div.box01 div.img150 div.img150_R{
  float:none;
  width:150px;
  margin:20px auto 0;
}
#Content div.box01 div.img150 img{width:150px;}
/*-----//BOX01画像小右置き-----*/

/*-----BOX_GC画像小（150px）右置き-----*/
#Content div.box_gc div.img150{
  width:100%;
}
#Content div.box_gc div.img150 div.img150_L{
  float:none;
  width:100%;
}
#Content div.box_gc div.img150 div.img150_R{
  float:none;
  text-align:center;
  width:180px;
  margin:20px auto 0;
  white-space:nowrap;
}
#Content div.box_gc div.img150 img{width:150px;}
/*-----//BOX_GC画像小右置き-----*/

/*-----BOX01画像小（150px）左置き-----*/
#Content div.box01 div.img150R{
  width:100%;
}
#Content div.box01 div.img150R div.img150_L{
  float:none;
  width:150px;
  margin:20px auto 0;
}
#Content div.box01 div.img150R div.img150_R{

  float:none;
  width:100%;
}
#Content div.box01 div.img150R img{width:150px;}
/*-----//BOX01画像小右置き-----*/

/*-----画像中（225px）左置き-----*/
#Content div.img225R{
  width:100%;
}
#Content div.img225R div.img225_R{
  float:none;
  width:100%;
}
#Content div.img225R div.img225_L{
  float:none;
  width:225px;
  margin:20px auto 0;
}
#Content div.img225R img{width:225px;}
/*-----//画像中左置き-----*/

/*-----画像小（150px）右置き-----*/
#Content div.img150{
  width:100%;
}
#Content div.img150 div.img150_L{
  float:none;
  width:100%;
}
#Content div.img150 div.img150_R{
  float:none;
  width:150px;
  margin:20px auto 0;
}
#Content div.img150 img{width:150px;}
/*-----//画像小右置き-----*/

/*-----画像横並び-----*/
#Content ul.img_list_x{
  margin:0 auto 0;
  text-align:center;
}
#Content ul.img_list_x li{
  float:none;
  margin:20px auto 0;
}
#Content ul.img_list_x li:first-child{
  margin:0 auto 0;
}
p.img_list_cap_sp{
  margin:4px auto 10px;
  display:block;
  font-size:86%;
  line-height:1.2;
  text-align:left;
}
p.img_list_cap_pc{
  display:none;
}
#Content ul.img_list_x p.img_cap{
  text-align:left;
}
/*-----//画像横並び-----*/

/*------画像ブロックの右フロート225------*/
div.floatR225{
  margin:0 0 10px 10px;
  max-width:50%;
}

}