@charset "utf-8"; /*  ==================================================================PCレイアウト 767px～ */
/* ======================================================
/PCモジュールデモ用スタイル　ここから
本サイト組込み時削除
========================================================== */
/*
li, dt, dd {
  margin: 0 0 8px;
  font-size: 1.2rem;
}

.sp_contents{
  display: none !important;
}
body{
  background: #f8f8f8;
}
body.col-m #contentsArea{
  background: #fff;
}
body.col-m #mainColumn,
body.col-m #mainContent,
body.col-m #contentsArea{
  width: 952px;
}

#mainContent h2.module{
  margin-top: 40px;
  padding:15px 12px;
  border-top:7px solid #e00000;
  background:#efefef ;
}
#mainColumn h3.module{
  margin: 40px 0 10px 0;
  padding:5px 8px;
  border-left:4px solid #f80000;
  background-color:#f2f2f2;
}
#mainColumn h4.titleDescription{
  padding:10px 0 0 0;
  margin: 0;
}
#mainColumn p.Description{
  padding:0;
  margin: 0;
}
#mainColumn h4.titleScreenshot,
#mainColumn h4.titleSourceCode{
  padding:10px 0 0 0;
  margin: 0;
}

#mainContent blockquote{
  margin: 0px 20px 0 20px;
}
#mainContent blockquote p span{
  border-color:#ff4e00;
}
#mainContent blockquote p span strong{
  color:#ff4e00;
}
#mainContent blockquote p span span{
  border-color:#0090ff;
}
#mainContent blockquote p span span strong{
  color:#0090ff;
}
pre,
code{
  margin: 0;
  padding: 0;
}
pre{
  margin-top: -15px;
  word-break: break-all;
}

.note_html{
  font-weight: bold;
  color: #ff0000 !important;
}
*/
/* ======================================================
/PCモジュールデモ用スタイル　ここまで
本サイト組込み時削除
======================================== */
.sp_contents {
  display: none !important;
}

body.col-m #mainColumn {
  float: right;
  /*  width:672px; 2019年11月〜 リニューアル対応分*/
  width: 800px;
}

body.col-m #mainColumn ul.indexListTypeE01 li,
body.col-m #mainColumn ul.indexListTypeE01 li.wide {
  display: block;
  background: url('../img/bg_index-block01_top.gif') 100% 0 no-repeat;
}

body.col-m #mainColumn ul.indexListTypeE01 li img.title {
  background: none;
}

body.col-m #mainColumn ul.indexListTypeE01 li.wide div.content div.textBlock ul.linkList08 li,
body.col-m #mainColumn ul.indexListTypeE01 li.wide div.content ul.linkList08 li {
  background: none;
  background: url('../img/bullet_arrow01.gif') 0 0.3em no-repeat;
}

body.col-m #mainColumn ul.linkList07 li {
}

body.onecol #mainColumn {
  float: none;
  width: 882px;
}

.sp_headerArea {
  position: absolute;
  left: -999999px;
}

#footerArea_spMenu {
  position: absolute;
  left: -999999px;
}

/*  ==================================================================SPレイアウト ～767px */
@media screen and (max-width: 767px) {
  /* ======================================================
SPモジュールデモ用スタイル
本サイト組込み時削除
========================================================== */ /*
body.col-m #contentsArea{
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  background: #fff;
}
body.col-m #mainColumn{
  width: auto;
}
#mainContent blockquote {
  margin: 0;
  padding: 10px;
  border: 5px solid #eee;
}
pre{
  white-space:normal;
  word-break: break-all;
}
#mainContent h2.module{
  margin: 20px 0 10px 0;
  padding: 8px 5px;
  border-top: 2px solid #e00000;
}
#mainColumn h3.module{
  padding: 5px;
  border-left: 2px solid #f80000;
}
*/ /* ======================================================
/SPモジュールデモ用スタイル　ここまで
本サイト組込み時削除
========================================================== */
  body {
    -webkit-text-size-adjust: none;
  }

  body #contentsArea {
    width: 100%;
    padding: 0 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #topicPath {
    width: 100%;
    padding: 0 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 65px 0 10px 0;
  }

  #topicPath p {
    padding-left: 0;
    width: 100%;
    font-size: 1.4rem;
  }

  body.col-m #mainColumn {
    float: none;
    width: 100%;
  }

  #mainColumn {
    float: none;
    width: 100%;
  }

  #subColumn {
    float: none;
    width: 100%;
  }

  #subColumn ul#localNav {
    width: 100%;
  }

  .pc_contents {
    display: none !important;
  }

  .sp_contents {
    display: block !important;
  }

  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-style: inherit;
    font-size: 1.4rem;
    font-family: inherit;
    vertical-align: baseline;
  }

  body {
    margin: 0;
    padding: 0;
    color: #333;
    background: #fff;
    font-family: sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 10px;
  }

  h1 {
    font-size: 1.6rem;
  }

  h2 {
    font-size: 1.6rem;
  }

  h3 {
    font-size: 1.4rem;
  }

  h4 {
    font-size: 1.4rem;
  }

  h5 {
    font-size: 1.4rem;
  }

  h6 {
    font-size: 1.4rem;
  }

  p {
    margin: 0 0 10px;
    font-size: 1.4rem;
  }

  em {
    font-style: italic;
  }

  ol {
    margin: 0 0 20px 2em;
  }

  table {
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
  }

  th,
  td {
    padding: 7px 10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #ccc;
    vertical-align: top;
  }

  #contentsArea h1 {
    display: none;
    /*
float: none;
	margin-bottom: 10px;
	width: 100%;
	background: #EA0000;
*/
  }

  #contentsArea h1 img {
    /*
height: 60px;
	width: auto;
*/
  }

  #contentsArea .mainVisual h1 {
    display: block;
  }

  #mainColumn h2.hdType01,
  #mainColumn h3.hdType01,
  #mainColumn h4.hdType01,
  #mainColumn h5.hdType01,
  #mainColumn h6.hdType01 {
    font-size: 2rem;
  }
  #mainColumn h2.hdType01 span a,
  #mainColumn h3.hdType01 span a,
  #mainColumn h4.hdType01 span a,
  #mainColumn h5.hdType01 span a,
  #mainColumn h6.hdType01 span a {
    font-size: 2rem;
  }
  #mainColumn h2.hdType03,
  #mainColumn h3.hdType03,
  #mainColumn h4.hdType03,
  #mainColumn h5.hdType03,
  #mainColumn h6.hdType03 {
    font-size: 2rem;
  }

  #mainColumn h2.hdType0501,
  #mainColumn h3.hdType0501,
  #mainColumn h4.hdType0501,
  #mainColumn h5.hdType0501,
  #mainColumn h6.hdType0501 {
    font-size: 2rem;
  }

  #mainColumn h2.hdType0502,
  #mainColumn h3.hdType0502,
  #mainColumn h4.hdType0502,
  #mainColumn h5.hdType0502,
  #mainColumn h6.hdType0502 {
    font-size: 2rem;
  }

  #mainColumn h2.hdTypeAnchor,
  #mainColumn h3.hdTypeAnchor,
  #mainColumn h4.hdTypeAnchor,
  #mainColumn h5.hdTypeAnchor,
  #mainColumn h6.hdTypeAnchor {
    background-position: left;
  }

  #mainColumn div.pressTitle h2 {
    font-size: 2rem;
  }

  #mainColumn div.pressTitle h3 {
    font-size: 2rem;
  }

  .hdCategory .mainTitle {
    font-size: 1.8rem;
  }

  .searchTitle {
    margin: 10px 0 10px 0;
    padding: 5px 8px;
    border-left: 4px solid #f80000;
    background-color: #f2f2f2;
    font-size: 1.6rem;
  }

  #i-search #search_input .text_input,
  #i-search #search_input2 .text_input {
    width: 150px;
    height: 26px;
    line-height: 26px;
    box-shadow: 0 0 0 0;
    background: none;
    -webkit-appearance: button;
    border: 0;
    border: 2px solid #ccc;
    border-radius: 4px;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
    box-shadow: inset 0px 0px 0px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #i-search #search_input .submit_button,
  #i-search #search_input2 .submit_button {
    width: auto;
    height: 25px;
  }

  #i-search #search_input .inputTd,
  #i-search #search_input2 .inputTd {
    padding-right: 0;
  }

  #i-search #search_input .item,
  #i-search #search_input2 .item {
    width: 75px;
  }

  #i-search #search_input .inputTd + td,
  #i-search #search_input2 .inputTd + td {
    display: none;
  }

  #i-search .table02 {
    margin: 0;
    text-align: left;
  }

  #i-search .table01 {
    width: 98% !important;
    margin: auto;
  }

  #i-search td {
    text-align: left !important;
  }

  #i-search .table03 tr td:nth-child(2),
  #i-search .table04 tr td:nth-child(2) {
    width: auto;
    padding-right: 5px !important;
  }

  #i-search .table03 tr td:nth-child(4),
  #i-search .table04 tr td:nth-child(4) {
    width: auto;
  }

  #i-search #search_contents .search_results {
    width: auto !important;
    padding: 10px 0 0 0;
  }

  #i-search #search_contents .search_results tr td:first-child {
    display: none;
  }

  #i-search #search_contents .search_results tr td:last-child {
    width: 50% !important;
    padding: 0 2% !important;
  }

  #i-search .paging_area strong {
    color: #fff;
    background-color: #ea0001;
    border: 1px solid #ea0001;
    margin: 0 0.2em;
    padding: 0.3em 0.2em;
  }

  #i-search .paging_area a {
    color: #555;
    background-color: #f8f8f8;
    border: 1px solid #ea0001;
    margin: 0 0.2em;
    padding: 0.3em 0.2em;
    text-decoration: none;
  }

  #mainColumn dl.tableListTypeA01 dt {
    width: 7em;
  }

  #mainColumn dl.tableListTypeA01 dd {
    margin: -1.5em 0 10px 7em;
  }

  #mainColumn ul.indexListTypeA01,
  #mainColumn ul.indexListTypeA02,
  #mainColumn ul.indexListTypeA03,
  #mainColumn ul.indexListTypeA03i,
  #mainColumn ul.indexListTypeA03t,
  #mainColumn ul.indexListTypeB01,
  #mainColumn ul.indexListTypeC02 {
    width: 100%;
    margin: 0 -2% 0 0;
    overflow: hidden;
  }

  #mainColumn ul.indexListTypeA03 li a:hover {
    text-decoration: none;
  }

  #mainColumn ul.indexListTypeA03 li a span {
    border: 1px solid #eee;
    border-radius: 2px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background: url('../img/bullet_arrow02.gif') 2px center no-repeat;
    padding: 0.4em 0.1em 0.4em 17px;
  }

  #mainColumn ul.bannerList02 {
    width: 100%;
    margin: 0 -2% 0 0;
    overflow: hidden;
  }

  #mainColumn ul.bannerList02 li {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 8px 0;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px;
  }

  #mainColumn ul.bannerList02 li a:hover {
    text-decoration: none;
  }

  #mainColumn ul.bannerList02 li a span {
    border: 1px solid #eee;
    border-radius: 2px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background: url('../img/bullet_arrow02.gif') 2px center no-repeat;
    padding: 0.4em 0.1em 0.4em 17px;
  }

  #mainColumn ul.indexListTypeA01 li,
  #mainColumn ul.indexListTypeA02 li,
  #mainColumn ul.indexListTypeB01 li,
  #mainColumn ul.indexListTypeC01 li,
  #mainColumn ul.indexListTypeC02 li,
  #mainColumn ul.indexListTypeD01 li,
  #mainColumn ul.indexListTypeD02 li {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #mainColumn ul.indexListTypeA01 li a,
  #mainColumn ul.indexListTypeA02 li a {
    display: block;
  }

  #mainColumn ul.indexListTypeA03 li img {
    width: 100%;
  }

  #mainColumn ul.indexListTypeB01 li p.textBlock {
    margin-left: 60px;
  }

  #mainColumn ul.indexListTypeC01 li,
  #mainColumn ul.indexListTypeC02 li {
    margin-bottom: 15px;
  }

  #mainColumn ul.indexListTypeC01 li div.content,
  #mainColumn ul.indexListTypeC02 li div.content,
  #mainColumn ul.indexListTypeD01 li div.content {
    width: 100%;
    background-size: cover;
    background-image: url('../img/bg_idxlist_typec02_top.gif');
    background-repeat: no-repeat;
    background-position: 0 0;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #mainColumn ul.indexListTypeC01 li div.content div,
  #mainColumn ul.indexListTypeC02 li div.content div,
  #mainColumn ul.indexListTypeD01 li div.content div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-size: contain;
    background-image: url('../img/bg_idxlist_typec02_bottom.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
  }

  body.col-m #mainColumn ul.indexListTypeE01 li,
  body.col-m #mainColumn ul.indexListTypeE01 li.wide {
    display: block;
    width: 100%;
    background: url('../img/bg_index-block01_top.gif') 100% 0 no-repeat;
  }

  body.col-m #mainColumn ul.indexListTypeE01 li img.title {
    background: none;
  }

  body.col-m #mainColumn ul.indexListTypeE01 li.wide div.content div.textBlock ul.linkList08 li,
  body.col-m #mainColumn ul.indexListTypeE01 li.wide div.content ul.linkList08 li {
    float: none;
    width: auto;
    background: none;
    background: url('../img/bullet_arrow01.gif') 0 0.3em no-repeat;
  }

  body.col-m #mainColumn ul.linkList07 li {
    float: none;
    width: auto;
  }

  #mainColumn ul.bannerList02 li {
    float: none !important;
    margin: 0 0 15px 0 !important;
  }

  #mainColumn ul.bannerList02 li img {
    width: 100%;
    height: auto;
  }
  #mainColumn div.imageLayoutTypeA01 {
    display: flex;
    flex-wrap: wrap;
  }
  #mainColumn div.imageLayoutTypeB01 {
    display: flex;
  }
  #mainColumn div.imageLayoutTypeA01 .imageBlock {
    order: 0;
  }
  #mainColumn div.imageLayoutTypeA02 .hdTypeAnchor a {
    display: block;
  }
  #mainColumn div.imageLayoutTypeA02 .imageBlock {
    order: 0;
  }
  #mainColumn div.imageLayoutTypeA01 div.textBlock {
    width: calc(100% - 122px);
    margin-left: 10px;
  }
  #mainColumn div.imageLayoutTypeB01 div.textBlock .hdType01:first-child,
  #mainColumn div.imageLayoutTypeB02 div.textBlock .hdType01:first-child {
    margin-top: 0;
  }

  #mainColumn div.imageLayoutTypeA02 div.textBlock {
  }
  #mainColumn div.imageLayoutTypeB01 .imageBlock,
  #mainColumn div.imageLayoutTypeB02 .imageBlock {
  }
  #mainColumn div.imageLayoutTypeC01 .imageBlock,
  #mainColumn div.imageLayoutTypeD01 .imageBlock,
  #mainColumn div.imageLayoutTypeC02 .imageBlock,
  #mainColumn div.imageLayoutTypeD02 .imageBlock {
    /*width: 100% !important;
        margin: 0;
        text-align: left;*/
    margin-left: 10px;
  }

  #mainColumn div.imageLayoutTypeB01 div.textBlock,
  #mainColumn div.imageLayoutTypeB02 div.textBlock,
  #mainColumn div.imageLayoutTypeC01 div.textBlock,
  #mainColumn div.imageLayoutTypeC02 div.textBlock,
  #mainColumn div.imageLayoutTypeD01 div.textBlock,
  #mainColumn div.imageLayoutTypeD02 div.textBlock {
    display: inline;
    margin: 0;
    float: none !important;
  }

  #mainColumn div.imageLayoutTypeA01 div.textBlock p,
  #mainColumn div.imageLayoutTypeA02 div.textBlock p,
  #mainColumn div.imageLayoutTypeB01 div.textBlock p,
  #mainColumn div.imageLayoutTypeB02 div.textBlock p,
  #mainColumn div.imageLayoutTypeC01 div.textBlock p,
  #mainColumn div.imageLayoutTypeC02 div.textBlock p,
  #mainColumn div.imageLayoutTypeD01 div.textBlock p,
  #mainColumn div.imageLayoutTyped02 div.textBlock p {
    display: block;
    text-align: left;
    margin: 0;
    margin: 0 0 15px;
    line-height: 1.6;
  }

  #mainColumn div.imageLayoutTypeB01 p.imageBlock {
    float: left;
    width: 40%;
    margin-right: 1em;
  }

  #mainColumn div.imageLayoutTypeB01 p.imageBlock img {
    width: 100%;
    height: auto;
    margin: 0 5px 15px 0;
  }

  #mainColumn div.imageLayoutTypeB01 div.textBlock {
    margin: 0;
    width: 59%;
  }

  #mainColumn div.imageLayoutTypeB02 p.imageBlock {
    float: right;
    width: 40%;
    margin-left: 1em;
  }

  #mainColumn div.imageLayoutTypeB02 p.imageBlock img {
    width: 100%;
    height: auto;
  }

  #mainColumn div.imageLayoutTypeB02 div.textBlock {
    float: left;
    width: 59%;
    margin: 0;
  }

  #mainColumn div.imageLayoutTypeC01 p.imageBlock {
    float: none;
    width: 100%;
    margin: 0;
  }

  #mainColumn div.imageLayoutTypeC01 p.imageBlock img {
    width: 100%;
    height: auto;
  }

  #mainColumn div.imageLayoutTypeC01 div.textBlock {
    float: right;
    width: 100%;
    margin: 0;
  }
  #mainColumn div.imageLayoutTypeC01 div.textBlock .list01 {
    /*padding-left: 54%;*/
  }
  #mainColumn div.imageLayoutTypeC02 p.imageBlock {
    float: none;
    width: 100%;
    margin: 0;
  }

  #mainColumn div.imageLayoutTypeC02 p.imageBlock img {
    width: 100%;
    height: auto;
  }

  #mainColumn div.imageLayoutTypeC02 div.textBlock {
    float: left;
    width: 100%;
    margin: 0;
  }

  #mainColumn div.imageLayoutTypeD01 p.imageBlock {
    float: left;
    width: 100%;
    margin-right: 1em;
  }

  #mainColumn div.imageLayoutTypeD01 p.imageBlock img {
    width: 100%;
    height: auto;
  }

  #mainColumn div.imageLayoutTypeD01 div.textBlock {
    float: right;
    width: 100%;
    margin: 0;
  }

  #mainColumn div.imageLayoutTypeD02 p.imageBlock {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  #mainColumn div.imageLayoutTypeD02 p.imageBlock img {
    width: 100%;
    height: auto;
  }

  #mainColumn div.imageLayoutTypeD02 div.textBlock {
    float: left;
    width: 100%;
    margin: 0;
  }

  #mainColumn p.imageBlock01 iframe {
    width: 100% !important;
    height: auto !important;
  }

  #mainColumn ul.imageBlock02 {
    margin-right: 0;
    margin-left: 0;
    width: auto;
  }

  #mainColumn ul.imageBlock02 li {
    float: none;
    margin-right: 0;
    width: 100%;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px;
  }

  #mainColumn ul.imageBlock02 li img {
    width: 100%;
    height: auto;
  }

  #mainColumn ul.imageBlock03 {
    margin-right: 0;
    margin-left: 0;
    width: auto;
  }

  #mainColumn ul.imageBlock03 li {
    float: none;
    margin-right: 0;
    width: 100%;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px;
  }

  #mainColumn ul.imageBlock03 li img {
    width: 100%;
    height: auto;
  }

  #mainColumn ul.imageBlock03 li img.detail {
    width: 50%;
    height: auto;
  }

  #mainColumn div.imageLayoutTypeB01_B p.imageBlock {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }

  #mainColumn div.imageLayoutTypeB01_B p.imageBlock img {
    width: 33%;
    height: auto;
  }

  #mainColumn div.imageLayoutTypeB01_B p.textBlock {
    float: none;
  }

  #mainColumn div.contBox01 {
    margin: 0 5px 20px 5px;
    background: none;
    border: 2px solid #f9a960;
    border-radius: 4px;
  }

  #mainColumn div.contBox01 div.contBody {
    background: none;
  }

  #mainColumn div.col2Block div.colBlock {
    padding-left: 10px;
    float: none;
    width: auto;
  }

  #mainColumn dl.tableListTypeA01 {
    margin-bottom: 1em;
  }
  #mainColumn dl.tableListTypeA01 dt {
    width: 7em;
  }

  #mainColumn dl.tableListTypeA01 dd {
    margin: -1.5em 0 10px 7em;
  }

  #mainColumn table {
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #mainColumn table th,
  #mainColumn table td {
    word-wrap: break-word;
    padding: 0.5em;
    font-size: 1rem;
  }

  #mainColumn table th {
    white-space: pre-wrap !important;
    word-break: break-all !important;
  }

  #mainColumn table td {
    white-space: pre-wrap !important;
    word-break: break-all !important;
  }

  .pc_movie {
    margin: 0;
    padding: 0 !important;
    background: none !important;
    display: inline !important;
    color: #ff0000;
  }

  #mainColumn div.rightListBox p {
    font-size: 1.4rem;
  }

  #mainColumn div.releaseList dl.eventType02 dd span.news-p {
    padding: 0 0 6px 80px;
    top: 5px;
    word-break: break-word;
  }

  div.linkBlockWrap {
    width: 100%;
  }

  div.linkBlock01 {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }

  #mainColumn p.imageLeft {
    width: 100%;
  }

  #mainColumn p.imageLeft img {
    /*width: 100%;*/
    height: auto;
  }
  #mainColumn p.imageRight {
    width: 100%;
  }

  #mainColumn p.imageRight img {
    /*width: 100%;*/
    height: auto;
  }

  #mainColumn div.pageNavigation03 ul.nav-wrap {
    padding-bottom: 30px;
  }

  #mainColumn div.pageNavigation03 ul.nav-wrap li.page-number ul {
    /* margin: 0 100px; */
    flex-wrap: wrap;
  }

  #mainColumn div.pageNavigation03 ul.nav-wrap li.page-number ul li {
    display: inline-block;
    margin: 0 1px 8px 1px;
    width: 40px;
  }

  #mainColumn div.pageNavigation03 ul.nav-wrap li.prev {
    top: 80%;
  }

  #mainColumn div.pageNavigation03 ul.nav-wrap li.next {
    top: 80%;
  }

  .linkBlock03_sp .linkBlock03_11 {
    width: 80%;
    margin: auto;
    position: relative;
  }

  .linkBlock03_sp .linkBlock03_11 h2 {
    position: absolute;
    top: 0;
    text-indent: -9999px;
  }

  .linkBlock03_sp .linkBlock03_11 img {
    width: 100%;
    height: auto;
  }

  .linkBlock03_sp .linkBlock03_12 {
    width: 80%;
    margin: auto;
    height: auto;
    background: url(../../ir/img/sp_bg_linkBlock03_top_02.jpg) center top no-repeat;
    background-size: cover;
    padding-bottom: 20px;
  }

  .linkBlock03_sp .linkBlock03_12 h2 {
    padding: 0 0 0 7px;
    width: 94%;
  }

  .linkBlock03_sp .linkBlock03_12 h2 img {
    width: 100%;
    height: auto;
  }

  .linkBlock03_sp .linkBlock03_12 .linkList09 {
    padding: 0px 0 0 5px;
  }

  .linkBlock03_sp ul.linkList09 li {
    margin: 2px 0 3px 0;
    padding: 0 0 0 25px;
    background: transparent url(../img/bullet_arrow01.gif) no-repeat 10px 0.4em;
  }

  .linkBlock03_sp .linkBlock03_12_bottom {
    width: 80%;
    margin: auto;
    min-height: 8px;
    margin-bottom: 0px;
    background: url(../../ir/img/sp_bg_linkBlock03_btm_02.jpg) center top no-repeat;
    background-size: cover;
  }

  .linkBlock03_sp .linkBlock03_13 {
    width: 80%;
    margin: auto;
    margin-bottom: 10px;
    position: relative;
  }

  .linkBlock03_sp .linkBlock03_13 h2 {
    position: absolute;
    top: 0;
    text-indent: -9999px;
  }

  .linkBlock03_sp .linkBlock03_13 img {
    width: 100%;
    height: auto;
  }

  #mainColumn dl.tableListTypeB01 dt {
    width: 5em;
  }
  #mainColumn dl.tableListTypeB01 dd {
    width: calc(100% - 6em);
    padding: 0 0 0 1em !important;
  }
  #mainColumn dl.tableListTypeB01 dd.nb2 {
    margin: 0 0 7px 0;
  }

  #mainColumn dl.tableListTypeC01 dt,
  #mainColumn dl.tableListTypeC02 dt {
    width: 5em;
  }

  #mainColumn dl.tableListTypeC01 dd.nb2,
  #mainColumn dl.tableListTypeC02 dd.nb2 {
    margin-left: 5em;
  }

  #mainColumn div.tabContainer.tab3 ul.tabListActive li {
    width: 30%;
  }

  #mainColumn div.releaseList dl dt {
    /*width: 5em;*/
    width: 10em;
  }

  #mainColumn div.releaseList dl dd {
    margin-top: 0.1em;
    padding: 0 0 1em 1em !important;
  }

  #mainColumn div.releaseList dl.event dt,
  #mainColumn div.releaseList dl.eventType01 dt {
    width: 8em;
  }

  #mainColumn div.releaseList dl.event dd,
  #mainColumn div.releaseList dl.eventType01 dd {
    padding-left: 10em;
    display: table;
  }

  #mainColumn div.releaseList dl.event dd,
  #mainColumn div.releaseList dl.eventType01 dd span {
    display: table-cell;
    width: 45px;
    padding: 0.2em 0.5em 0 0;
    text-align: left;
    vertical-align: top;
  }

  #mainColumn div.releaseList dl.event dd,
  #mainColumn div.releaseList dl.eventType01 dd a {
    display: table-cell;
    text-align: left;
    vertical-align: top;
  }

  h2.hdType04 span,
  h3.hdType04 span,
  h4.hdType04 span,
  h5.hdType04 span,
  h6.hdType04 span {
    padding: 10px 0 10px 15px;
  }

  #mainColumn div.rssBox ul.rssList {
    /* padding-top: 8px; */
  }

  #mainColumn div.rssBox ul.rssList li {
    float: none;
    margin-top: 3px;
    text-align: right;
  }

  #mainColumn div.inquiryBlock dl dd.contact a {
    font-size: 1.6rem;
    background-position: 4px 0.2em;
  }

  .sp_menuWrapperBg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #333;
    border-bottom: 1px solid #888;
    box-shadow: 15px -3px 40px 15px;
    -moz-box-shadow: 15px -3px 40px 15px;
    -webkit-box-shadow: 15px -3px 40px 15px;
    -o-box-shadow: 15px -3px 40px 15px;
    -ms-box-shadow: 15px -3px 40px 15px;
  }

  .sp_menuWrapper {
    z-index: 10;
    width: 100%;
    position: absolute;
    left: -999999px;
  }

  #subColumn {
    padding: 0;
  }

  #subColumn ul#localNav {
    position: absolute;
    left: -999999px;
    opacity: 0;
    /* border-bottom: 1px solid #ccc; */
    z-index: 10;
    width: 96%;
    margin: 0 2%;
    /* border: 1px solid #fafafa; */
    /* border-radius: 4px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
  }

  #subColumn #localNav li a {
    display: block;
    width: 100%;
    height: 100%;
  }

  #subColumn ul#localNav li.current,
  #subColumn ul#localNav li.current a,
  #subColumn ul#localNav li.current ul,
  #subColumn ul#localNav li.current ul li,
  #subColumn ul#localNav li.current ul li.current,
  #footerArea_spMenu li,
  #footerArea_spMenu li a {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #subColumn ul#localNav li {
    padding: 5px 0 5px 28px;
    /*
background:url(../img/bullet_dot00.gif) 10px 1em no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
  background:url(../img/bullet_dot00.gif) 10px 1em no-repeat,-moz-linear-gradient(top, #fafafa, #dcdcdc);
  background:url(../img/bullet_dot00.gif) 10px 1em no-repeat,linear-gradient(to bottom, #fafafa, #dcdcdc);
*/
    background: url(../img/bullet_arrow03.gif) 10px 1em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
    background: url(../img/bullet_arrow03.gif) 10px 1em no-repeat, -moz-linear-gradient(top, #fafafa, #fafafa);
    background: url(../img/bullet_arrow03.gif) 10px 1em no-repeat, linear-gradient(to bottom, #fafafa, #fafafa);
    box-sizing: border-box;
    -moz-box-sizing: padding-box;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    color: #323232;
    font-size: 1.4rem;
  }

  #subColumn ul#localNav li:first-child {
    border: none;
  }

  #subColumn ul#localNav li a {
    color: #323232;
    font-size: 1.6rem;
  }

  #subColumn ul#localNav li.current a {
    padding: 5px 0 5px 28px;
    /*
background:url(../img/bullet_dot02.gif) 10px 16px no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
	background:url(../img/bullet_dot02.gif) 10px 16px no-repeat,-moz-linear-gradient(top, #fafafa, #dcdcdc);
	background:url(../img/bullet_dot02.gif) 10px 16px no-repeat,linear-gradient(to bottom, #fafafa, #dcdcdc);
*/
    background: url(../img/bullet_arrow04.gif) 10px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
    background: url(../img/bullet_arrow04.gif) 10px center no-repeat, -moz-linear-gradient(top, #fafafa, #fafafa);
    background: url(../img/bullet_arrow04.gif) 10px center no-repeat, linear-gradient(to bottom, #fafafa, #fafafa);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    color: #323232;
    line-height: 28px;
  }

  #subColumn ul#localNav li.current ul li a {
    margin: 0;
    padding: 5px 10px 5px 40px;
    /*
background: url(../img/bullet_dot00.gif) 25px center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#505050), to(#323232));
	background:url(../img/bullet_dot00.gif) 25px center no-repeat,-moz-linear-gradient(top, #505050, #323232);
	background:url(../img/bullet_dot00.gif) 25px center no-repeat,linear-gradient(to bottom, #505050, #323232);
*/
    background: url(../img/bullet_dot01.gif) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
    background: url(../img/bullet_dot01.gif) 25px center no-repeat, -moz-linear-gradient(top, #fafafa, #fafafa);
    background: url(../img/bullet_dot01.gif) 25px center no-repeat, linear-gradient(to bottom, #fafafa, #fafafa);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #d2d2d2;
    color: #323232;
  }

  /* #subColumn ul#localNav li.current ul li:first-child a{ */
  #subColumn ul#localNav li.current ul li.current a {
    padding: 5px 10px 5px 40px;
    /*
background: url(../img/bullet_dot02.gif) 25px center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#505050), to(#323232));
	background:url(../img/bullet_dot02.gif) 25px center no-repeat,-moz-linear-gradient(top, #505050, #323232);
	background:url(../img/bullet_dot02.gif) 25px center no-repeat,linear-gradient(to bottom, #505050, #323232);
*/
    background: url(../img/bullet_dot02.gif) 25px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
    background: url(../img/bullet_dot02.gif) 25px center no-repeat, -moz-linear-gradient(top, #fafafa, #fafafa);
    background: url(../img/bullet_dot02.gif) 25px center no-repeat, linear-gradient(to bottom, #fafafa, #fafafa);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #subColumn ul#localNav li.current ul li.current ul li.current a {
    padding: 5px 10px 5px 55px;
    background: url(../img/bullet_dash02.gif) 40px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
    background: url(../img/bullet_dash02.gif) 40px center no-repeat, -moz-linear-gradient(top, #fafafa, #fafafa);
    background: url(../img/bullet_dash02.gif) 40px center no-repeat, linear-gradient(to bottom, #fafafa, #fafafa);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  /*
#subColumn dl#relatedLink dd.navType01 ul{
  border-top: 1px solid #ccc;
}
#subColumn dl#relatedLink dd.navType01 ul li{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

#subColumn ul.bannerArea {
	display: none;
	margin-top: 10px;
}
#subColumn ul.bannerArea li {
	margin-top: -5px;
}

#subColumn dl#relatedLink dd {
	margin: 0;
	padding: 0;
}
#subColumn dl#relatedLink dd.navType01 {
	padding: 0;
}
#subColumn dl#relatedLink dd.navType01 ul{
}
#subColumn dl#relatedLink dd.navType01 ul li a{
	display: block;
	margin: 0;
	padding: 8px 0 8px 20px;
	background: url(../img/bullet_dot00.gif) 10px center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
	background:url(../img/bullet_dot00.gif) 10px center no-repeat,-moz-linear-gradient(top, #fafafa, #dcdcdc);
	background:url(../img/bullet_dot00.gif) 10px center no-repeat,linear-gradient(to bottom, #fafafa, #dcdcdc);
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
	color: #323232;
	border-bottom: 1px solid #ccc;
}
*/
  #subColumn ul.bannerArea {
    width: 65%;
    margin: auto;
  }

  #subColumn ul.bannerArea li {
    margin-bottom: 5px;
  }

  #subColumn ul.bannerArea li a img {
    width: 100%;
    height: auto;
  }

  .sp_headerArea {
    position: relative;
    left: 0px;
  }
  .p0 {
    padding-left: 0 !important;
    clear: both;
  }
  .sph1 {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    border-left: 5px solid #eee;
    padding-left: 8px;
    text-align: left;
    margin: 10px 2%;
  }

  .sp_headerArea .sp_logoArea {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
    z-index: 20;
    width: 96%;
    padding: 0 2%;
    border-bottom: 5px solid #f00000;
  }

  .sp_headerArea .sp_logoArea .sp_ci {
    float: left;
    text-align: left;
    padding: 15px 2% 7px 2%;
  }

  .sp_headerArea .sp_logoArea .sp_ci img {
    width: 182px;
    height: auto;
  }

  /* .sp_headerArea .sp_logoArea .sp_header_menuButton a {
        display: block;
        float: right;
        background: url(../img/sp_icon_menuBtnO.png) no-repeat;
        background-position: left 12px;
        background-size: 35px 29px;
        width: 40px;
        height: 40px;
    } */

  /* .sp_headerArea .close .sp_header_menuButton a {
        display: block;
        background: url(../img/sp_icon_menuBtnO.png) no-repeat;
        background-position: left 12px;
        background-size: 35px 29px;
    } */

  /* .sp_headerArea .open .sp_header_menuButton a {
        display: block;
        background: url(../img/sp_icon_menuBtnC.png) no-repeat;
        background-position: left 12px;
        background-size: 35px 29px;
    } */

  /* .sp_headerArea .sp_search {
        margin-bottom: 10px;
        padding: 8px 0px 6px 0px;
        border-bottom: 3px solid #ccc;
    } */

  /* .sp_headerArea .sp_search p {
        display: table;
        width: 100%;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    } */

  /* .sp_headerArea .sp_search input#searchSubmitForm {
        display: table-cell;
        width: 70%;
        height: 36px;
        line-height: 36px;
        border: 2px solid #ccc;
        border-radius: 4px;
        padding-left: 28px;
        text-align: left;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../img/sp_icon_search.png) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#f8f8f8));
        background: url(../img/sp_icon_search.png) no-repeat, -moz-linear-gradient(top, #f4f4f4, #f8f8f8);
        background: url(../img/sp_icon_search.png) no-repeat, linear-gradient(to bottom, #f4f4f4, #f8f8f8);
        background-position: 5px center;
        background-size: 18px;
        font-size: 2rem;
        resize: none;
    } */

  /* .sp_headerArea .sp_search input#searchSubmitBtn {
        display: table-cell;
        width: 20%;
        height: 36px;
        line-height: 36px;
        border-radius: 4px;
        text-align: center;
        vertical-align: middle;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
        background: -moz-linear-gradient(top, #fafafa, #dcdcdc);
        background: linear-gradient(to bottom, #fafafa, #dcdcdc);
    } */

  .sp_headerArea .sp_menuButton {
    display: table;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .sp_headerArea .sp_menuButton li {
    display: table-cell;
    padding: 0 1%;
    text-align: center;
    vertical-align: bottom;
    background-size: 10px 10px;
    background-position: right bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .sp_headerArea .sp_menuButton li img {
    width: 100%;
    height: auto;
  }

  #frame {
    /*   padding-top:100px; */
    padding-top: 30px;
    margin-top: -100px;
  }

  #footerArea {
    border-top: 3px solid #ff0000;
    margin-top: 20px;
    padding: 5px 10px 10px 10px;
    background: none;
  }

  #footerArea hr {
    display: none;
  }

  #footerArea div.section {
    width: 100%;
  }

  #footerArea div.section ul {
    width: 100%;
  }

  #footerArea div.section p {
    width: 100%;
  }

  .section ul {
    overflow: hidden;
  }

  .section ul li {
    float: left;
    padding-left: 15px;
    background: url('http://www.oki.com/jp/cmn_2020/img/bullet_arrow01.gif') left center no-repeat;
  }

  .section ul li a {
    font-size: 1.2rem;
    margin-right: 10px;
  }

  #copyright {
    margin-top: 10px;
    text-align: center;
    font-size: 1.2rem;
  }

  #footerArea div.section p {
    float: none;
    width: auto;
    text-align: center;
  }

  #footerArea_spMenu {
    position: absolute;
    z-index: 10;
    width: 100%;
    padding: 0 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #footerArea_spMenu ul li {
    display: block;
    margin-right: 0;
    padding-left: 0;
    text-align: left;
    float: none;
    padding: 5px 0 5px 28px;
    /*
background:url(../img/bullet_dot00.gif) 10px 1em no-repeat,-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dcdcdc));
  background:url(../img/bullet_dot00.gif) 10px 1em no-repeat,-moz-linear-gradient(top, #fafafa, #dcdcdc);
  background:url(../img/bullet_dot00.gif) 10px 1em no-repeat,linear-gradient(to bottom, #fafafa, #dcdcdc);
*/
    background: url(../img/bullet_arrow03.gif) 10px 1em no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
    background: url(../img/bullet_arrow03.gif) 10px 1em no-repeat, -moz-linear-gradient(top, #fafafa, #fafafa);
    background: url(../img/bullet_arrow03.gif) 10px 1em no-repeat, linear-gradient(to bottom, #fafafa, #fafafa);
    box-sizing: border-box;
    -moz-box-sizing: padding-box;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    color: #323232;
    font-size: 1.4rem;
  }

  #footerArea_spMenu ul li:first-child {
    border: none;
  }

  #footerArea_spMenu ul li a {
    color: #323232;
    font-size: 1.6rem;
  }

  #footerArea_spMenu ul.closeBtn {
    margin-top: 20px;
  }

  #footerArea_spMenu ul.closeBtn li {
    background: none;
    background: #777;
    text-align: center;
    padding: 5px 0 5px 0;
  }

  #footerArea_spMenu ul.closeBtn li a {
    color: #fff;
    font-size: 1.6rem;
  }

  /*---- add20150608 by OWW -----*/
  #mainColumn div.rightListBox02 {
    margin-bottom: -16px;
  }

  #mainColumn div.rightListBox-inner_txtsizechange {
    display: none;
  }

  /*-----------*/
  /*---- add201512 recruit-----*/
  .clearfix:after {
    content: '';
    clear: both;
    display: block;
  }

  #recruitIndex {
    width: 100% !important;
  }

  #recruitIndex div {
    float: none !important;
    margin: 0 auto !important;
  }

  #mainColumn div#recruitIndex div#recruit-oki {
    background-size: 100%;
    width: 316px;
  }

  .recruit .imageBlock01 img {
    width: 100%;
    height: auto;
  }

  .recruit .imageLayoutTypeB01 .imageBlock {
    width: 100% !important;
    float: none !important;
    padding-bottom: 12px;
  }

  .recruit #mainColumn ul.indexListTypeC01 li div.content div ul li {
    background: url('../img/bullet_arrow01.gif') 0 0.4em no-repeat;
    padding: 0 0 5px 15px;
  }

  .recruit #mainColumn div.imageLayoutTypeA01 p.imageBlock {
    width: auto;
  }

  .slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  .sliderVisual {
    line-height: 0;
  }

  .sliderVisual li {
    display: none;
  }

  .sliderVisual img {
    width: 100% !important;
    height: auto;
  }

  .sliderNavi {
    margin-bottom: 15px;
    text-align: center;
    padding: 5px 0;
    background: #333;
  }

  .sliderNavi li {
    display: inline-block;
  }

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

  #mainColumn ul.linkList07 {
    display: block;
  }
  #mainColumn .releaseList.rssBox .eventType02 dt,
  #mainColumn .releaseList.rssBox .eventType02 dd {
    width: 100%;
    padding: 0 !important;
  }
  #mainColumn .releaseList.rssBox .eventType02 dt {
    background: none;
    margin-bottom: 0;
  }
  #mainColumn .releaseList.rssBox .eventType02 dd {
    margin-bottom: 10px;
  }
}

/*-----20170816 注記モジュールの動作位置追加start------*/
@media screen and (max-width: 766px) {
  #note1,
  #note2,
  #note3,
  #note4,
  #note5,
  #note6,
  #note7,
  #note8,
  #note9,
  #note10 {
    margin-top: -75px;
    padding-top: 75px;
  }
}

/*-----20170816 注記モジュールの動作位置追加last------*/
@media screen and (max-width: 766px) {
  #contentsArea_IR .pc {
    display: none;
  }

  #contentsArea_IR .sp {
    display: block;
  }

  #contentsArea_IR {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
  }

  #contentsArea_IR h1.hdCategory {
    width: 96%;
    margin: 1em 0;
    padding: 0 2%;
  }

  #contentsArea_IR h1.hdCategory span.mainTitle {
    padding-bottom: 2px;
    border-bottom: 2px solid #b40001;
    text-align: left;
  }

  #contentsArea_IR #topLinkUl {
    width: 100%;
    height: auto;
    text-align: left;
    margin: 0 auto;
    margin: 0 0 1em 0;
  }

  #contentsArea_IR #topLinkUl a {
    display: block;
    width: 100%;
    height: auto;
    font-size: 1.4rem;
    text-indent: 1em;
    border-right: none;
    padding: 0.2em 0 0.2em 3%;
    background: transparent url('../img/bullet_arrow01.gif') no-repeat 2% center;
    margin: 0 0 0 0;
  }

  #contentsArea_IR #mainVisual {
    margin: 0 auto 15px auto !important;
  }

  #contentsArea_IR #mainVisual > span,
  #contentsArea_IR #mainVisual > a {
    overflow: hidden;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    border: none;
  }

  #contentsArea_IR #mainVisual > span > img,
  #contentsArea_IR #mainVisual > a > img {
    width: 100%;
    height: auto;
  }

  #contentsArea_IR .mvSlider {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    border: none;
  }

  #contentsArea_IR .mvSlider img {
    width: 100%;
    height: auto;
  }

  #contentsArea_IR .rightListBox02 {
    display: none;
  }

  #contentsArea_IR a.arrow {
    margin-left: 5px;
    padding-left: 15px;
    background: url('../img/bullet_arrow01.gif') 0 0.1em no-repeat;
  }

  #contentsArea_IR .textbtn img {
    margin: 0 3px 0 0;
  }

  #contentsArea_IR .textbtn img.tsL {
    margin: 0 8px 0 0;
    text-indent: 0;
  }

  #contentsArea_IR #quadUl {
    width: 80%;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  #contentsArea_IR #quadUl > li {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 20px auto;
  }

  #contentsArea_IR #quadUl > li .img100 {
    display: none !important;
  }

  #contentsArea_IR #quadUl > li > a {
    display: block;
    width: 100%;
    height: 100%;
  }

  #contentsArea_IR #quadUl li.ircalendar01 div {
    position: relative;
    width: 100%;
    height: 100%;
  }

  #contentsArea_IR #quadUl li.ircalendar01 span {
    display: block;
    padding: 40px 0 10px 15px;
  }

  #contentsArea_IR #quadUl li.ircalendar01 p {
    display: block;
    padding: 0 30px 0 15px;
  }

  #contentsArea_IR #quadUl li.ircalendar01 a.spA {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
  }

  #contentsArea_IR #quadUl ul.linkList09 {
    padding: 6vh 0 0 0;
    text-align: left;
  }

  #contentsArea_IR #quadUl ul.linkList09 li {
    margin: 2px 0 10px 0;
    padding: 0 0 0 25px;
    background: transparent url('../img/bullet_arrow01.gif') no-repeat 10px 0.4em;
  }

  #contentsArea_IR #quadUl > li.message01 {
    background: url(../../ir/img/spbg_01.png) no-repeat top center;
    background-size: 100% auto;
  }

  #contentsArea_IR #quadUl > li.irmaterial01 {
    background: url(../../ir/img/spbg_02.png) no-repeat top center;
    background-size: 100% auto;
  }

  #contentsArea_IR #quadUl > li.kojin01 {
    background: url(../../ir/img/spbg_03.png) no-repeat top center;
    background-size: 100% auto;
  }

  #contentsArea_IR #quadUl > li.ircalendar01 {
    background: url(../../ir/img/spbg_04.png) no-repeat top center;
    background-size: 100% auto;
  }

  #contentsArea_IR #labelUl {
    display: none;
  }

  #contentsArea_IR #bnrUl {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto;
    display: block;
  }

  #contentsArea_IR #bnrUl:after {
    content: '.';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  #contentsArea_IR #bnrUl li {
    float: left;
    display: block;
    width: 48%;
    height: auto;
    margin: 0 2% 10px 0;
  }

  #contentsArea_IR #bnrUl li:nth-child(2 + n) {
    float: right;
    display: block;
    width: 48%;
    height: auto;
    margin: 0 0 10px 0;
  }

  #contentsArea_IR #bnrUl li img {
    display: block;
    width: 100%;
    height: auto;
  }

  #contentsArea_IR #linkUl {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto;
    display: block;
  }

  #contentsArea_IR #linkUl:after {
    content: '.';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  #contentsArea_IR #linkUl li {
    float: left;
    display: block;
    width: 48%;
    height: auto;
    margin: 0 2% 10px 0;
  }

  #contentsArea_IR #linkUl li:nth-child(4) {
    float: left;
    display: block;
    width: 48%;
    height: auto;
    margin: 0 2% 10px 0 !important;
  }

  #contentsArea_IR #linkUl li a {
    display: block;
  }

  #contentsArea_IR #linkUl li a img {
    width: 100%;
    height: auto;
  }

  #contentsArea_IR div.rssBox {
    position: relative;
  }

  #contentsArea_IR div.rssBox:after {
    content: '.';
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  #contentsArea_IR div.releaseList {
    width: 95%;
    height: auto;
    margin: 0 auto 25px auto;
    text-align: left;
  }

  #contentsArea_IR div.releaseList h2 {
    margin: 35px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #ccc;
    text-align: left;
  }

  #contentsArea_IR div.rssBox ul.rssList {
    position: absolute;
    right: 0;
    top: 0;
  }

  #contentsArea_IR div.releaseList ul {
    margin: 0;
  }

  #contentsArea_IR div.rssBox ul.rssList li {
    background: none;
    margin-bottom: 0;
    padding: 0;
    text-indent: 0;
    float: left;
    font-size: 0;
    line-height: 0;
    margin-left: 20px;
    margin-top: 10px;
  }

  #contentsArea_IR div.releaseList dl.eventType02 dt {
    width: 8.5em;
  }

  #contentsArea_IR div.releaseList dl dt {
    display: block;
    width: 100% !important;
    background: url('../img/bullet_arrow01.gif') 0 0.3em no-repeat;
    font-weight: normal;
  }

  #contentsArea_IR div.releaseList dl dd {
    display: block;
    width: 100% !important;
    margin: 0 0 6px 0;
    padding: 0 0 6px 0 !important;
    background: url('../img/line_dot01.gif') bottom left repeat-x;
  }

  #contentsArea_IR div.releaseList dl.eventType02 dd span.news-icon {
    width: 71px;
    display: block;
    position: relative;
    top: 2px;
  }

  #contentsArea_IR div.releaseList dl.eventType02 dd span.news-p {
    margin: -1.5em 0 0;
    padding: 0 0 6px 90px;
    display: block;
    position: relative;
    top: 4px;
  }

  #contentsArea_IR div.btmBnrArea {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto !important;
    text-align: center;
  }

  #contentsArea_IR div.btmBnrArea a {
    display: block;
    margin-bottom: 20px;
  }

  #contentsArea_IR div.btmBnrArea a img {
    width: auto;
    max-width: 100%;
    height: auto;
  }

  #contentsArea_IR .btmLinkArea {
    width: 95%;
    height: auto;
    margin: 0 auto 10px auto !important;
    text-align: left;
  }

  #contentsArea_IR .btmLinkArea a {
    display: block;
    margin: 10px 0 0 0;
    text-align: left;
  }

  #contentsArea_IR .btmLinkArea a.arrow {
    padding-left: 15px;
    background: url('../img/bullet_arrow01.gif') 0 0.5em no-repeat;
  }

  /* モジュール 追加 */
  #contentsArea_IR ul.linkList07 li {
    text-align: left;
    padding-left: 15px;
    float: left;
    background: url('../img/bullet_arrow01.gif') 0 0.3em no-repeat;
    margin: 10px 0 0 0;
    display: block;
    width: 100%;
  }

  #contentsArea_IR ul.linkList07 {
    height: auto;
    width: 95%;
    margin: 0 auto 20px auto !important;
  }

  #contentsArea_IR ul.linkList07:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

  #contentsArea_IR .btmFooterArea {
    width: 95%;
    height: auto;
    margin: 0 auto 20px auto !important;
    text-align: left;
  }

  #contentsArea_IR .btmFooterArea:after {
    content: '.';
    display: table;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  #contentsArea_IR .btmFooterArea .left {
    display: none !important;
  }

  #contentsArea_IR .btmFooterArea .right {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
  }

  #contentsArea_IR .btmFooterArea .right:after {
    content: '.';
    display: table;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }

  #contentsArea_IR .btmFooterArea .right img {
    float: left;
    vertical-align: top;
    padding-right: 10px;
  }

  #contentsArea_IR .btmFooterArea .right p {
    margin: 30px 0;
  }

  #contentsArea_IR .btmFooterArea .leftsp {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 33px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 3vw;
  }

  #contentsArea_IR .btmFooterArea .leftsp a {
    float: left;
    padding-right: 20px;
  }

  #contentsArea_IR .date {
    width: 95%;
    height: auto;
    margin: 0 auto !important;
    text-align: right;
  }

  #contentsArea_IR .pagetop {
    width: 95%;
    clear: both;
    margin: 0 auto 10px auto;
    padding-top: 5px;
    font-size: 1rem;
    text-align: right;
    background: none;
  }

  #contentsArea_IR .pagetop a {
    padding-left: 16px;
    background: url('../img/bullet_arrow_top.gif') 0 0.2em no-repeat;
  }

  #contentsArea_IR #subColumn {
    display: block !important;
  }

  #contentsArea_IR #subColumn * {
    display: block !important;
  }

  #contentsArea_IR #subColumn hr {
    display: none !important;
  }

  #contentsArea_IR #subColumn #localNav li a {
    display: block !important;
    width: 100%;
    height: 100%;
    text-align: left;
  }

  #contentsArea_IR dl#relatedLink {
    display: block !important;
    padding: 0 1%;
    text-align: left;
    font-style: inherit;
    font-size: 1.4rem;
    font-family: inherit;
    vertical-align: baseline;
  }

  #contentsArea_IR dl#relatedLink dt {
    margin-bottom: 8px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 20px;
    background: url('../img/line_stripe01.gif') 0 0 repeat-x;
    font-weight: normal;
  }

  #contentsArea_IR dl#relatedLink dt span.relatedLink-list {
    line-height: 2em;
  }

  #contentsArea_IR dl#relatedLink dt a {
    padding-left: 13px;
    background: url('../img/bullet_arrow03.gif') 0 0.1em no-repeat;
  }

  #contentsArea_IR dl#relatedLink dt.navType01 {
    margin: 0;
    padding: 8px 12px 5px;
    background: url('../img/bg_navtype01_hd_top.gif') 0 0 repeat-x;
    font-weight: bold;
  }

  #contentsArea_IR dl#relatedLink dd.navType01 {
    margin: 0;
    padding: 10px 5px 0;
    background: url('../img/bg_navtype01_hd_bottom.gif') 0 0 repeat-x;
  }

  #contentsArea_IR dl#relatedLink dd.navType01 ul li {
    margin: 0 0 5px;
    padding: 0 0 0 16px;
    background: url('../img/bullet_arrow03.gif') 2px 0.45em no-repeat;
  }

  #contentsArea_IR dl#relatedLink dt.noLink {
    font-size: 0;
    line-height: 0;
  }

  #contentsArea_IR dl#relatedLink dt.noLink img {
    padding-left: 13px;
    background: url('../img/bullet_circle01.gif') 0 1px no-repeat;
  }

  #contentsArea_IR dl#relatedLink dd ul li {
    margin-bottom: 5px;
    padding: 0 0 0 11px;
    background: #fff url('../img/bullet_dot01.gif') 0 0.4em no-repeat;
  }

  .stock2 {
    width: 100%;
    max-width: 100%;
    /* height: 2890px; */
    margin: 0;
    padding: 0;
  }

  .stock2 iframe {
  }

  .stock3 {
    width: 100%;
    max-width: 100%;
    /* height: 2220px; */
    margin: 0;
    padding: 0;
  }

  .stock4 {
    width: 100%;
    max-width: 100%;
    /* height: 1570px; */
    margin: 0;
    padding: 0;
  }

  .stock4 iframe {
    width: 100%;
  }

  /* Firefox */
  @-moz-document url-prefix() {
    .stock3 {
      height: 2480px;
    }
  }

  .mainVisualarea #mainVisual {
    width: 100%;
    float: none;
  }

  #contentsArea_IR #linkUl li.bgn {
    display: none;
  }

  .mainVisualarea .stock {
    width: 100%;
    float: none;
    height: 237px;
    background: #fff;
    text-align: center;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 767px) {
  .imageLayoutTypeA01 .textBlock {
    padding-left: 100px;
    display: block !important;
  }
}

.vimeo img {
  max-width: 100%;
}

/* @media screen and (max-width: 370px) {
  .stock2 {height: 3020px;}
  .stock3 {height: 2280px;}
  .stock4 {height: 1710px;}

} */
/* .iphone .stock4 iframe {width: 100%;}
@media screen and (max-width: 380px) {
  .iphone .stock4 iframe {width: 360px!important;}
}
@media screen and (max-width: 370px) {
  .iphone .stock4 iframe {width: 310px!important;}
} */
/* ##################################################

  2019年11月〜 リニューアル対応分

################################################## */
/* 全幅での表示の時は、bodyにclassのmaxWidthを追加する */
body.onecol.maxWidth #mainColumn {
  float: none;
  width: 1080px;
}

/* モジュール外の微調整 */
#mainColumn ul.linkList01 {
  margin-bottom: 25px;
}

@media screen and (max-width: 1100px) {
  body.col-m #mainColumn {
    width: 73%;
    padding-right: 10px;
  }

  body.onecol.maxWidth #mainColumn {
    width: 98%;
    padding: 0 10px;
  }
  body.col-m #mainColumn ul.bannerList02 li {
    margin-right: 0.8%;
  }
}

/* 06-08.*/
body.col-m #mainColumn ul.indexListTypeE01 li,
body.col-m #mainColumn ul.indexListTypeE01 li.wide {
  background: none;
}

body.col-m #mainColumn ul.indexListTypeE01 li.wide div.content div.textBlock ul.linkList08 li,
body.col-m #mainColumn ul.indexListTypeE01 li.wide div.content ul.linkList08 li {
  background: none;
}

@media screen and (max-width: 767px) {
  body.col-m #mainColumn {
    width: 100%;
    padding-right: 0;
  }

  #mainColumn dl.tableListTypeA01 dd {
    margin: -1.5em 0 60px 7em;
  }
  #mainColumn dl.tableListTypeA01 dd .tableListTypeA01 delmb normal {
  }
  #mainColumn dl.tableListTypeA01 dd {
    margin: 0 0 15px;
    padding-left: 160px;
  }

  /*05-15.*/
  /*05-16.*/
  #mainColumn dl.tableListTypeC03 dt,
  #mainColumn dl.tableListTypeC04 dt {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
    padding-bottom: 0;
    background: none;
  }

  #mainColumn dl.tableListTypeC03 dd,
  #mainColumn dl.tableListTypeC04 dd {
    width: 100%;
    padding-left: 15px;
    background: url(../img/line_dot01.gif) bottom left repeat-x;
  }

  /*06-01.*/
  #mainColumn ul.indexListTypeA01,
  #mainColumn ul.indexListTypeA02 {
    display: block;
  }

  /* 06-03.*/
  #mainColumn ul.indexListTypeA03 li img {
    height: auto;
  }

  #mainColumn ul.indexListTypeA03 li {
    padding: 1px;
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
  }

  #mainColumn ul.indexListTypeA03 li {
    margin-right: 0;
  }

  #mainColumn ul.indexListTypeA03i span {
    position: relative;
  }

  #mainColumn ul.indexListTypeA03i li,
  #mainColumn ul.indexListTypeA03t li {
    padding: 1px;
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 8px 0;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  #mainColumn ul.indexListTypeA03 li a span {
    border: 1px solid #eee;
    border-radius: 2px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background: url('../img/bullet_arrow02.gif') 2px center no-repeat;
    padding: 0.4em 0.1em 0.4em 17px;
  }

  /*06-05.*/
  #mainColumn ul.indexListTypeC01,
  #mainColumn ul.indexListTypeC02,
  #mainColumn ul.indexListTypeD01 {
    display: block;
  }

  #mainColumn ul.indexListTypeC01 li div.content,
  #mainColumn ul.indexListTypeC02 li div.content,
  #mainColumn ul.indexListTypeD01 li div.content {
    background-image: none;
    background-repeat: no-repeat;
    border-left: none;
    border-right: none;
  }

  #mainColumn ul.indexListTypeC01 li div.content div,
  #mainColumn ul.indexListTypeC02 li div.content div,
  #mainColumn ul.indexListTypeD01 li div.content div {
    background-image: none;
  }

  #mainColumn ul.indexListTypeA01 li,
  #mainColumn ul.indexListTypeA02 li,
  #mainColumn ul.indexListTypeB01 li,
  #mainColumn ul.indexListTypeC01 li,
  #mainColumn ul.indexListTypeC02 li,
  #mainColumn ul.indexListTypeD01 li {
    margin-bottom: 20px;
  }

  /* 06-08.*/
  body.col-m #mainColumn ul.indexListTypeE01 li,
  body.col-m #mainColumn ul.indexListTypeE01 li.wide {
    background: none;
  }

  /* 06-09.全幅レイアウト用インデックスリスト【ul/li, div】 打ち消しスタイル*/
  #mainColumn ul.indexListTypeA03 li a span {
    border: none;
    border-radius: 0;
  }

  #mainColumn ul.bannerList02 li a span {
    border: none;
    border-radius: 0;
    text-decoration: none;
    background: none;
    padding: 0;
  }

  body.col-m #mainColumn ul.indexListTypeE01 li,
  body.col-m #mainColumn ul.indexListTypeE01 li.wide {
    background: none;
  }

  body.col-m #mainColumn ul.indexListTypeE01 li.wide div.content div.textBlock ul.linkList08 li,
  body.col-m #mainColumn ul.indexListTypeE01 li.wide div.content ul.linkList08 li {
    background: none;
  }

  /* 15-03.幅最大102px画像左寄せ、テキスト回り込みなし【div, p, img】SP表示時は回り込みあり */
  .imageLayoutTypeA01 .textBlock {
    padding-left: 0;
  }

  /* 15-**SP表示時は回り込みなし
    #mainColumn div.imageLayoutTypeB01,  #mainColumn div.imageLayoutTypeC01, #mainColumn div.imageLayoutTypeC02, #mainColumn div.imageLayoutTypeD01, #mainColumn div.imageLayoutTypeD02 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #mainColumn div.imageLayoutTypeB01 div.textBlock,#mainColumn div.imageLayoutTypeC01 div.textBlock, #mainColumn div.imageLayoutTypeC02 div.textBlock, #mainColumn div.imageLayoutTypeD01 div.textBlock, #mainColumn div.imageLayoutTypeD02 div.textBlock {
        margin: 0;
        float: none;
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: 0;
        -webkit-order: 0;
        order: 0;
    }

    #mainColumn div.imageLayoutTypeB01imageLayoutTypeB01 p.imageBlock, #mainColumn div.imageLayoutTypeC01 p.imageBlock, #mainColumn div.imageLayoutTypeC02 p.imageBlock, #mainColumn div.imageLayoutTypeD01 p.imageBlock, #mainColumn div.imageLayoutTypeD02 p.imageBlock {
        margin: 0 0 20px;
        float: none;
        width: 100%;
        text-align: left;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
    #mainColumn div.imageLayoutTypeB02 p.imageBlock , #mainColumn div.imageLayoutTypeB02 .imageBlock{

    }*/

  /*15-13.*/
  #mainColumn ul.imageBlock02,
  #mainColumn ul.imageBlock03 {
    display: block;
  }

  #mainColumn ul.imageBlock02 li img,
  #mainColumn ul.imageBlock03 li img {
    max-width: 100%;
  }

  /* 17-01.Adobe Readerダウンロード【dl/dt/dd, img】 */
  #mainColumn dl.plugin {
    margin-bottom: 20px;
    padding-top: 40px;
  }

  #mainColumn dl.plugin dt a {
    display: block;
  }

  #mainColumn dl.plugin dt a img {
    display: block;
    width: auto;
    height: auto;
  }

  #mainColumn dl.plugin dd {
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 0;
    font-size: 1.4rem;
  }

  /*19-02.*/
  #mainColumn div.contBox01 {
    border: solid 5px #f7dcc5;
    border-radius: 0;
  }

  /*19-04.*/
  #mainColumn .releaseList.rssBox ul.rssList {
    padding: 23px 16px 16px 0;
  }

  #mainColumn div.releaseList dl dd a:before {
    top: 0.8em;
  }

  /*19-07.*/
  #mainColumn div.tabContainer ul.tabListActive {
    border-bottom: none;
    justify-content: left;
    flex-wrap: wrap;
  }

  #mainColumn div.tabContainer ul.tabListActive > * {
    min-width: 31%;
    flex-basis: 31.9%;
  }

  #mainColumn div.tabContainer.tab3 ul.tabListActive li:nth-child(3n),
  #mainColumn div.tabContainer.tab4 ul.tabListActive li:nth-child(3n),
  #mainColumn div.tabContainer.tab5 ul.tabListActive li:nth-child(3n),
  #mainColumn div.tabContainer.tab6 ul.tabListActive li:nth-child(3n) {
    margin-right: 0;
  }

  #mainColumn div.tabContainer.tab3 ul.tabListActive li.active,
  #mainColumn div.tabContainer.tab4 ul.tabListActive li.active,
  #mainColumn div.tabContainer.tab5 ul.tabListActive li.active,
  #mainColumn div.tabContainer.tab6 ul.tabListActive li.active {
    border: solid 1px #ff0000;
    top: 0;
  }

  #mainColumn div.tabContainer.tab3 ul.tabListActive li,
  #mainColumn div.tabContainer.tab4 ul.tabListActive li,
  #mainColumn div.tabContainer.tab5 ul.tabListActive li,
  #mainColumn div.tabContainer.tab6 ul.tabListActive li {
    margin-bottom: 5px;
    border: solid 1px #999;
    top: 0;
  }

  #mainColumn div.tabContainer div.tabsActive {
    padding-top: 10px;
  }

  /* 20-04. */
  #mainColumn dl.borderType {
    margin-bottom: 15px;
    padding: 10px 5px;
  }
}

@media only screen and (max-width: 500px) {
  /* 15-01,15-02. 回り込み解除 画像が小さいため、500pxで指定*/
  #mainColumn p.imageLeft,
  #mainColumn p.imageRight {
    float: none;
    margin: 0;
  }
  #mainColumn p.imageLeft img,
  #mainColumn p.imageRight img {
    max-width: 100%;
  }
}

@media screen and (max-width: 460px) {
  #mainColumn div.tabContainer ul.tabListActive > * {
    min-width: 31.4%;
    flex-basis: 31.1%;
  }
}

@media screen and (max-width: 360px) {
  #mainColumn div.tabContainer ul.tabListActive > * {
    min-width: 31%;
    flex-basis: 31.1%;
  }
}