/*---------------------------------
  共通
  ---------------------------------*/
  
#header #nav li a.navCsr {
  background-image: url(../images/common_new/nav_project_act.gif);
  width: 190px;
}
#header #nav li a.navCsr:hover {
    background-image: url(../images/common_new/nav_project_act.gif);
}

.mauto950top {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    text-align: left;
}

.mauto950 {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    text-align: left;
}
/*---------------------------------
  index.html
  ---------------------------------*/
.btn_on .more_btn {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    width: 30%;
}
.new span {
    background-color: #eb6101;
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    margin: 0 10%;
    text-align: center;
    position:absolute;
    top: 0;
    left: 0;
    width:100px;
}
.efforts {
    color: #fff;
    font-size: 14px;
    margin: 0 10%;
    position:absolute;
    top: 40%;
    left: 0;
    text-align: center;
}
.side3 .efforts p {
    text-align: left;
}
.side3 .efforts p:nth-of-type(3) {
    text-align: center;
}
.side4 .efforts {
    top: 10%;
    width:100%;
    margin: 0 auto;
    color: #fff;
}

p.bort_ora+ p {
    min-height: 3em;
}

.bort_ora {
    border-bottom: 3px #eb6101 solid;
    font-size: 10px!important;
    line-height: 2;
    margin-bottom: 5px;
}
.borb_ora {
    border-top: 3px #eb6101 solid;
    color: #fff;
    padding: 10px 0 0 0;
    position: absolute;
    top: 8%;
    left: 5%;
    right: 5%;
}
.Activity {
    color: #fff;
    font-size:14px;
    text-align: center;
}
.Activity .more_btn {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
}
.csr_top h3 {
    border: none;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0;
    text-align: center;
}

.inline_cen .btn_lblue {
    font-size: 14px;
    width: 298px;
    height: 55px;
    border-radius: 50px;
    margin: 0 50px;
    padding: 0;
}
.btn_box {
    width:100%;
    margin-bottom: 40px;
}
.btn_box .btn_lblue {
    display:table-cell;
    vertical-align: middle;
}
/*---------------------------------
  index.html governance/index.html 共通
  ---------------------------------*/
/*
.sec01 {
  margin-bottom: 50px;
}
*/
.sec01 .sec_anchor{
  font-size: 0;
  box-sizing: border-box;
  width: 100%;
}
.sec01 .sec_anchor li{
  box-sizing: border-box;
  display: inline-block;
  list-style-type: none;
  width: 33.333%;
}
.side3 .sec_anchor li {
    margin-right: 0;
}
.sec01 .sec_anchor li:nth-of-type(3n){
  margin-right:-40px;
}

/*---------------------------------
  index.html activities/index.html 共通
  ---------------------------------*/
.side4 .sec_anchor {
  box-sizing: content-box;
  margin-bottom: 20px;
}
.side4 .sec_anchor li {
    width: 25%;
}

/*---------------------------------
  index.html activities/index.html 共通 end
  ---------------------------------*/
.sec01 .csr_top .sec_anchor li a{
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}
.sec01 .sec_anchor .Activity li a{
    width:50%;
}
#top .sec01 .side4 ul:nth-of-type(1) li{
    padding: 40px 0;
    vertical-align: top;
}

.side3 .sec_anchor li img {
    opacity: 0.6;
    width: 100%;
}

.sec01 .side4 .sec_anchor li:nth-of-type(3n) {
    margin-right: 0px;
}



table {
    font-size: 11px;
    text-align: center;
    width: 100%;
    margin: 15px 0 10px;
}
tr {
    border-bottom: 1px #b2b2b2 solid;
}
tr:nth-of-type(1) {
    border-bottom: 2px #d6d6d6 solid;
}
td {
    height:30px;
    width:150px;
    padding: 3px;
}
 /*  ↓table 個別指定 */
.atten_table tr:nth-of-type(6) {
    border-bottom: none;
    height: 60px;
}
.atten_table tr:nth-of-type(6) td:nth-of-type(2) {
    text-align: left;
}
.tra_table td:nth-of-type(2n){
    text-align: left;
    width: 300px;
}
.tra_table tr:first-of-type td:nth-of-type(2n) {
    text-align: center;
}
.tra_table tr:nth-of-type(4){
    text-align: left;
}
.tra_table tr:nth-of-type(5){
    border-bottom: none;
}
/*  ↑table 個別指定 */
.tabcon_area {
    margin-bottom: 45px;
}
.tabcon_area h3 {
    margin-bottom: 20px;
}
.tabcon_area ul{
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.8;
}

/*  ↓画像の上に文字 見出し  */
.medium_h {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin: 0 0 25px 0;
}
.medium_h_in {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 35px;
}
.medium_h_in span {
    display: block;
    margin: 15px 0;
    font-size: 22px;
}
.medium_h_in .inline_cen {
    margin-top: 0;
}
/*  ↑画像の上に文字 見出し  */

/*  ↓お客さま窓口  */
.win_box {
    border: 1px #dcdcdc solid;
    font-size: 11px;
    padding: 8%;
    text-align: center;
    background-color: #fff;
}
.border_mgn {
    border-top: 1px #dcdcdc solid;
    border-bottom: 1px #dcdcdc solid;
    margin: 25px 0 20px;
    padding: 30px 0;
}
.font_gry {
    color: #676767;
}
.win_box .font_gry {
    font-size: 18px;
}
.font_bold {
    font-size: 24px;
    font-weight: 700;
}
.font_boder_orange {
    border: 1px #eb6101 solid;
    color: #eb6101;
    display: inline-block;
    margin-bottom: 15px;
    padding: 3px 20px;
}
.win_area .sec_anchor{
  font-size:0;
  box-sizing:border-box;
  width:100%;
  padding-right:40px;
  margin: 15px 0;
}
.win_area .sec_anchor li{
  box-sizing:border-box;
  display:inline-block;
  list-style-type:none;
  width:33.33333333333333%;
  margin-right:20px;
  vertical-align: top;
}
.win_area .sec_anchor li:nth-of-type(3n){
  margin-right:-40px;
}
.win_area .sec_anchor li a{
  box-sizing:border-box;
  display:inline-block;
  padding: 5px 0;
  width:100%;
}
.faq_box {
    border: 1px #e5e5e5 solid;
    padding: 0 20px 20px;
}
/*  ↑お客さま窓口  */

.cent_Column ul li{
    list-style: none;
    word-wrap:break-word;
    line-height:1.8em;
}

.cent_Column ul li:before{
    content:"・";
}

.section .bg_gray {
    border: 1px #e5e5e5 solid;
    box-sizing: border-box;
    padding: 20px 3% 20px;
}
.section .bg_gray > h5 {
    margin-top: 0;
}

.section .bg_gray > h4 {
    margin-top: 0;
}

/*---------------------------------
  activities
  ---------------------------------*/
/*.bg_icon {
    margin: 30px 0 20px;
}*/

.bg_icon h3 {
    border-bottom: none;
    border-left: 4px #1e63a8 solid;
    padding: 34px 0 30px 30px;
    margin: 0 0 0 120px;
    clear: both;
}
span.bg_icon {
    background-size: 18%;
    background-image: url(/csr/images/activities/icon_re_blue.png);
    background-repeat: no-repeat;
    background-position-y: center;
    display: inline-block;
}
#activities_main {
    background-image: url(/csr/images/activities/activities_kv.jpg);
}
#activities_re {
    background-image: url(/csr/images/activities/re/backglound_re.png);
}
#activities_symbiosis {
    background-image: url(/csr/images/activities/symbiosis/backglound_symbiosis.png);
}
#diversity_lmmybox {
    background-image: url(/csr/images/article/lmmybox/lmmybox_img01.jpg);
}
#other_healthpg {
    background-image: url(/csr/images/article/healthpg/healthpg_img01.jpg);
}
#technology_smartglass {
    background-image: url(/csr/images/article/smartglass/smartglass_img01.jpg);
}
#activities_diversity {
    background-image: url(/csr/images/activities/background_diversity.png);
}
#technology_vr  {
    background-image: url(/csr/images/article/vr/vr_img01.jpg);
}
#technology_aims  {
    background-image: url(/csr/images/article/aims/aims_img01.jpg);
}

#diversity {
    background-image: url(/csr/images/activities/icon_diversity_blue.png);
}
#symbiosis {
    background-image: url(/csr/images/activities/icon_symbiosis_blue.png);
}
#technology {
    background-image: url(/csr/images/activities/icon_technology_blue.png);
}
#other {
    background-image: none;
}
#other h3 {
    margin-left: 0;
}
.bg_icon img {
    float: left;
}
.img_link_box .sec_anchor li img {
    opacity: 0.6;
    width: 100%;
}
.img_link_box .sec_anchor li {
    box-sizing: border-box;
    display: inline-block;
    list-style-type: none;
    width: 23.6%;
    margin: 20px 1.3% 40px 0;
}
.img_link_box .sec_anchor li:nth-of-type(4n){
    margin-right: -1.3%;
}

.img_link_box .sec_anchor .more_btn {
    position: absolute;
    bottom: 1%;
    left: 20%;
    right: 20%;
}

.borb_ora > span.title {
    font-size: 1.3125rem !important;
}

.img_link_box .sec_anchor_column3 li img {
    opacity: 0.6;
    width: 100%;
}
.img_link_box .sec_anchor_column3 li {
    box-sizing: border-box;
    display: inline-block;
    list-style-type: none;
    width: 32.1%;
    margin: 20px 1.3% 40px 0;
}
.img_link_box .sec_anchor_column3 li:nth-of-type(3n){
    margin-right: -1.3%;
}

.img_link_box .sec_anchor_column3 .more_btn {
    position: absolute;
    bottom: 1%;
    left: 20%;
    right: 20%;
}
.img_link_box:nth-child(2) div:nth-child(2n) {
  float: right;
}
.archive_box {
    width: 47.37%;
    float: left;
    margin-bottom: 30px;
}
.archive_box span {
    display: block;
}
.archive_box span:hover {
    opacity: 0.7;
}

@media screen and (min-width: 768px){
.archive_box:nth-child(2n){
    border-right: 1px #e5e5e5 solid;
    padding-right: 2%;
}

}

@media screen and (max-width: 767px){
.archive_box {
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 30px;
}

.archive_box:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
}


.archive_box:nth-of-type(2n) {
    float:right;
}
.archive_box img {
    float: left;
    margin-right: 15px;
    max-width: 200px;
}

.archive_box > p {
    overflow: hidden;
}
.f_ora {
    color: #eb6101;
    font-size: 18px;
    margin: 0 0 10px 0;
}

.cent_Column ul {
    margin: 0 0 1em 0;
}
/*---------------------------------
  community
  ---------------------------------*/
#community_main {
    background-image: url(/csr/images/community/community_kv.jpg);
}
/*---------------------------------
  customer
  ---------------------------------*/
  #customer_main {
      background-image: url(/csr/images/govemance/customer/customer_kv.jpg);
  }

/*---------------------------------
  employee
  ---------------------------------*/
#employee {
    background-image: url(/csr/images/employee/employee_kv.jpg);
}
.medium_h img {
    opacity: 0.6;
}
/*---------------------------------
  governance/index.html
  ---------------------------------*/
#governance_main {
    background-image: url(/csr/images/governance/governance_kv.jpg);
}
#governance_compliance {
    background-image: url(/csr/images/governance/compliance/compliance_kv.jpg);
}
.governance_top p {
    font-size: 16px;
    color: #fff;
    margin: 0 0 35px 0;
}
.governance_top .more_btn {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    width: 30%;
    margin: auto;
}
p.f_s24 {
    font-size: 24px;
}
.f_gray {
    color: #a0a0a0;
    font-size: 14px;
}
/*---------------------------------
  共通
  ---------------------------------*/
#topicpath {
  margin: 26px 0 18px;
}

.mainContents span>a:before{
    content:url(/csr/images/common/icon_arrow.gif);
    margin: 4px;
    position: relative;
    top: 2px;
}

.contents a:hover{
    text-decoration: none;
    opacity: 0.7;
}
.contents a.more_btn:link, .contents a.more_btn:visited{
    color: #fff!important;
}
.contents a:link, .contents a:visited {
    color: #00b3ef!important;
    text-decoration: none;
}

/*  ↓mainarea  */
.mainArea {
 width: 100%;
 display: inline-block;
 vertical-align: middle;
 margin-bottom: 20px;
 background-position:center center;
 background-size: cover;
 display: flex;
 align-items: center;
 justify-content: center;
}

.topKv{
 height: 400px;
 }

.secKv{
 height: 200px;
 }

.secKv_sm{
 height: 200px;
 margin-bottom:0;
 }

.mainArea .mainAreain {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mainAreain_in p {
  position: static;
  color: #fff;
  line-height: 2.1;
  font-size: 14px;
}
.mainAreain_in {
  text-align: center;
  width: 100%;
}
.mainAreain_in .more_btn {
    width: 350px;
    height: 40px;
    line-height: 43px;
}
/*  ↑mainarea  */

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
.mainArea h1 {
    color: #fff;
    font-size: 36px;
    width: auto;
    margin: 30px auto;
}
h1 > span {
    border-bottom: 2px #fff solid;
}
#top h2 {
    border-bottom: none!important;
}/* index.css 打ち消し用  */
h2 {
    color: #1e63a8;
    font-size: 36px;
    text-align: center;
    margin-bottom: 30px;
}
h3 {
    background: none;
    border-bottom: 3px #1e63a8 solid;
    color: #1e63a8;
    font-size: 24px;
    padding: 0;
    text-align: left;
    word-wrap:break-word;
    margin-bottom:20px;
    padding-top: 30px;
}
h4 {
    color: #1e63a8;
    border-left: 5px #1e63a8 solid;
    border-bottom: none;
    font-size: 21px;
    padding: 0 5px;
    margin: 20px 0 10px;
}
h5 {
    color: #1e63a8;
    font-size: 18px;
    margin: 10px 0 10px;
}


/*  ↓4階層 kv　*/
.levels4 {
    text-align: left;
}
.levels4 h1 {
    margin: 15px 0;
    color: #00b4eb;
    margin: 0 0 20px 25%;
}
.levels4 .border_White {
    border: 1px #00b4eb solid;
    color: #00b4eb;
    margin: 30px 0 10px 25%;
}
.levels4 span.bg_icon {
    background-size: 23%;
    width: 100%;
    height:200px;
}
/*  ↑4階層 kv　*/

.fl_left {
    float: left;
}
.fl_right {
    float: right;
}

.mgnb15 {
    margin-bottom: 15px;
}
.mgn_15 {
    margin: 15%;
}
.mgn_box {
    margin: 15% 5%;
}
.mgnt60 {
    margin-top: 60px;
}
.mgnb20 {
    margin-bottom: 20px;
}
.mgnb30 {
    margin-bottom: 30px;
}
.mgnb70 {
    margin-bottom: 70px;
}
.paddt50 {
    padding-top: 50px;
}
.paddr50 {
    padding-right: 50px;
}
.relative_box {
    position: relative;
}
.relative_box a img {
  vertical-align: bottom;
}
.display_ib {
    display: inline-block;
}
.bg_black {
    background-color: #000;
}
a.bg_black {
    display: block;
}
.bg_light-blue {
    background-color: #00b3ef;
}
.bg_blue {
    background-color: #1d62a8;
}
.bg_gray {
    background-color: #fafafa;
}
.f_lblue {
    color: #00b3ef;
}

.border_White {
    border: 1px #fff solid;
    display: inline-block;
    text-align: center;
    padding: 4px 10px;
    text-align:left;
}
.more_btn {
  border: 1px #fff solid;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size:18px;
  margin: 10px auto;
  padding: 3px 10px;
  text-align: center;
  width: 40%;
}
.btn_lblue {
    border: 1px #00b3ef solid;
    border-radius: 25px;
    color: #00b3ef;
    font-size: 12px;
    margin: 10px auto;
    padding: 3px 10px;
}

/*  ↓大京グループを知る */

ul.img_link_list {
    font-size: 0;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
ul.img_link_list li {
    box-sizing: border-box;
    display: inline-block;
    list-style-type: none;
    width: 33.33333333333333%;
    margin-right: 20px;
    margin-bottom: 15px;
}

ul.img_link_list li:nth-child(2n){
    margin-right: 0;
    }

/*  ↑大京グループを知る */

#top span.link_icon01:after {
    background: none;
}
.cent_Column {
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
}
.cent_Column p {
    margin-bottom: 15px;
}
.bg_gray p:last-child {
    margin-bottom: 0;
}
.centbox_Half {
    float: left;
    width: 48%;
}
.centbox_Half:nth-of-type(2n) {
    margin-left: 4%;
}
.cent_Column img {
    margin: 15px 0 10px;
}
.img_box {
    text-align: center;
}
/*---------------------------------
  link_area
  ---------------------------------*/
.link_area h2 {
  padding-top: 15px;
}
.link_area .btn_link_list {
    letter-spacing: -0.4em;
    word-spacing: 0.001em;
    box-sizing: border-box;
    width: 100%;
    padding-right: 40px;
}
.link_area .btn_link_list li {
    background-color: #fff;
    border: 1px #676767 solid;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    list-style-type: none;
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 24.863%;
}
.link_area .btn_link_list li:nth-of-type(4n) {
    margin-right: -40px;
}
.link_area .btn_link_list li a span.inner {
    position: absolute;
    top: 50%;
    right: 6px;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    width: 72%;
    width: -webkit-calc(100% - 84px);
    width: calc(100% - 84px);
}
.link_area h2 {
    margin-bottom: 20px;
}
/*---------------------------------
  link_area end
  ---------------------------------*/
.inline_cen {
    text-align: center;
    margin-top: 50px;
}
.inline_cen p {
  margin-bottom: 10px;
}
.icon_pdf:after {
    content: '';
    display: inline-block;
    display: inline-block;
    width: 10px;
    height: 11px;
    margin:0 0 3px 10px;
    background-image: url(../images/common/icon_pdf.gif);
    background-size: contain;
    vertical-align: middle;
}
.icon_popup:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 11px;
    margin: 3px 0 5px 5px;
    background-image: url(../images/common/icon_popup.gif);
    background-size: contain;
    vertical-align: middle;
}
.icon_arrow:before {
    content: url(/csr/images/common/icon_arrow.gif);
    margin: 4px;
    position: relative;
    top: 2px;
}
.icon_arrow {
    margin: 10px 0 0 0;
}





@media screen and (max-width: 767px) {
/*---------------------------------
  共通
  ---------------------------------*/
  .mauto950top {
    padding: 0 1%;
    box-sizing: border-box;
  }
  .mauto950 {
    padding: 0 4%;
  }

  .SPmenuContents{
    padding: 0;
  }


  .mainArea h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 24px;
    margin-bottom: 25px;
  }

  .mainAreain_in p {
    line-height: 1.8;
    font-size:12px;
  }

  .mainAreain_in .more_btn {
    width: 50%;
    height: auto;
    border-radius: 35px;
    font-size: 3.5vw;
    line-height: 1.5;
    padding: 1% 5%;
    margin: 20px 0 0 0;
  }

  .secKv_sm{
    min-height: 140px;
    height: auto;
    margin-bottom: 40px;
    top: 25px;
 }

.levels4 span.bg_icon {
    height:auto;
}

.levels4 .border_White {
    margin-top:1.7%;
}

  ul.img_link_list {
    padding-right: 0;
    margin-left: 0;
  }
  ul.img_link_list li {
    text-align: center;
    width: 48%;
    margin-right: 2%;
  }
  ul.img_link_list li:nth-of-type(2) {
    margin-right: 0;
  }
  .link_area {
    padding-top: 2%;
  }
  .link_area .btn_link_list {
    padding-right: 0;
  }
  .link_area .btn_link_list li {
    width: 48%;
    margin: 0 1% 2.5%;
  }
  .archive_box {
    width: 100%;
  }
  .archive_box img {
    width: 45%;
  }
  .cent_Column {
    padding-bottom: 0;
  }
  .centbox_Half {
    margin-bottom: 15px;
    width: 100%;
  }
  .centbox_Half:nth-of-type(2n) {
    margin-left: 0;
  }
  .more_btn {
    width: 30%;
  }
  .btn_box {
    margin-bottom: 25px;
  }
  .sns_btn img {
    margin: 0 0 10px 0;
  }
/*---------------------------------
  index.html
  ---------------------------------*/
  #top_kv {
    background-position: 30%;
  }
  .new span {
      margin: 0 4%;
  }
  .efforts {
      margin: 0 4%;
      width:92%;
      font-size: 18px;
      top: 35%;
  }
  .img {
     width: 100%;
  }
  .bort_ora {
      font-size: 12px!important;
  }
  #top .side3:nth-of-type(1) li img {
      width: 100%;
  }
  /*
  #top .sec01 .side4 ul:nth-of-type(1) li {
      height: 200px;
  }*/
  .mgn_box img{
      float: left;
  }
  /*
  .Activity {
      font-size: 5vw;
      text-align: left;
  }*/
  .sec01 .Activity .sec_anchor li a {
      width: 50%;
  }
  .inline_cen {
      margin-top: 25px;
  }
  .inline_cen .btn_lblue {
      font-size: 10px;
      width:148px;
      height: 40px;
      padding: 2% 0;
  }
  .btn_box .paddr50 {
      padding-right: 8px;
  }
  .csr_top h3 {
      font-size: 24px;
      margin: 25px 0;
  }
  .side4 .efforts {
      text-align: left;
      top: 20%;
  }
  .efforts img {
      float: left;
      margin: 0 3% 0 10%;
      width:20%;
  }
  .side4 .efforts .more_btn {
      position: absolute;
      top: 120%;
      left: 20%;
  }

/*---------------------------------
  index.html governance/index.html 共通
  ---------------------------------*/
  .sec01 .sec_anchor{
    padding-right:0;
  }
  .sec01 .sec_anchor li{
    width:100%;
    margin-right:0;
    margin-bottom: 1px;
  }
  .sec01 .sec_anchor li:nth-of-type(3n){
    margin-right:0;
  }
  .sec01_1 .sec_anchor li  {
    text-align:center;
    width:100%;
    margin-right:0;
    margin-bottom:2px;
  }

/*---------------------------------
  activities
  ---------------------------------*/
  .img_link_box .sec_anchor li:nth-of-type(4) {
        margin-right: 1.3%;
  }
  .img_link_box p {
        font-size: 3vw;
  }
  .img_link_box .sec_anchor li {
    width: 48%;
    margin: 20px 1.3% 0 0;
  }
  .img_link_box .sec_anchor li:nth-child(2n) {
    float: right;
    margin-right: 0;
  }

    .img_link_box .sec_anchor_column3 li:nth-of-type(4) {
        margin-right: 1.3%;
  }

  .img_link_box .sec_anchor_column3 li {
    width: 48%;
    margin: 20px 1.3% 0 0;
  }
  .img_link_box .sec_anchor_column3 li:nth-child(2n) {
    float: right;
    margin-right: 0;
  }

.borb_ora {
    font-size: 0.65rem !important;
}
  .borb_ora > span.title {
    font-size: 0.9rem !important;
    line-height: 1rem;
}

.img_link_box .sec_anchor_column3 .more_btn {
    position: absolute;
    font-size: 0.6rem;
    bottom: 1%;
    left: 20%;
    right: 20%;
}

  .img_link_box div:nth-child(2n) {
    float: right;
  }
  .bg_icon h3 {
    padding: 0 0 0 20px;
    margin: 0 0 0 25%;
  }

/*---------------------------------
  employee
  ---------------------------------*/
    .medium_h {
        width: 100%;
        font-size: 11px;
    }
    .medium_h img {
        width:100%;
    }
    .medium_h_in {
        padding: 0 15px;
    }
    .medium_h_in span {
        margin: 0 0 15px 0;
        font-size: 16px;
    }

/*---------------------------------
  customer
  ---------------------------------*/
    .win_area .sec_anchor li {
        margin-right: 0;
        width: 100%;
    }
    .win_area .sec_anchor {
        padding-right: 0;
    }
    .win_box {
        margin: 10px 0 20px 0;
    }

    /* footer mar reset */
    #container{
        margin-top:0 !important;
    }
/*---------------------------------
  link_area
  ---------------------------------*/
  .link_area {
    padding-top: 2%;
  }
  .link_area .btn_link_list {
    padding-right: 0;
  }
  .link_area .btn_link_list li {
    width: 48%;
    margin: 0 1% 2.5%;
  }
    .link_area .btn_link_list li:nth-of-type(2n) {
        margin-right: -40px;
    }

}
/*---------------------------------
  第3階層ボタン
  ---------------------------------*/

/*  カレント表示以外の文字色  */
.link_area a:link, .link_area a:visited {
  line-height: 1.4em;
  color: #676767 !important;
  display: block;
  padding: 5px 0;
}
/*  カレント表示  */
.navCurA{
  border: solid 1px #00b3ef !important;
}
.navCurA a:link, .navCurA a:visited {
  color: #00b3ef !important;
}
/*  hover  */
.link_area a:hover {
  background-color: #eeeeee;
}
.navCurA a:hover {
  background-color: #e2f8ff;
}

/* 背景交互 */


div.mainContents > div.section{
    padding: 30px 0 30px 0;
}

div.mainContents > div.section:first-child{
    padding-top: 10px;
}

div.mainContents > div.section:nth-child(2n){
    background-color: #fafafa;
}



/* footer mar reset */
    #container{
    margin-top:0 !important;
}

/* label */

p.label{
    border: solid 1px #034EA2;
    display: table-cell;
    color: #034EA2;
    font-size: 12px;
    padding: 5px;
    }

p.label+span {
    padding: 15px;
    display: block;
}

/* SNS */

.sns_btn{
    text-align:right;
    padding-top: 10px;
}


/* mainArea_sm */

div.keyArea{
    max-width:950px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    }

div.keyArea + div{
    clear: both;
    }

.kvLabel > span {
    color: #00b4eb;
    font-size: 14px;
    }
.kvLabel{
    border: 1px #00b4eb solid;
    padding: 10px 15px;
    margin-bottom: 10px;
    display: inline-block;
    }

.sm_kv_img, .sm_kv_title{
    float: left;
    margin-top: 3%;
    display: block;
    }

.sm_kv_img{
    width: 21%;
    height: auto;
    }

.sm_kv_img img{
    width: 100%;
    }

.sm_kv_title{
    width: 77%;
    height: auto;
    text-align:left;
    margin-left: 2%;
    margin-bottom: 10px;
    }

.sm_kv_title h1 {
    color: #00b4eb;
    font-size: 36px;
    }

.mainContents{
    clear:both;
    }

@media screen and (max-width: 767px){
.sm_kv_title h1 {
    font-size: 18px;
}
.kvLabel > span {
    font-size: 10px;
    }

.kvLabel {
    padding: 6px 8px;
}

.sm_kv_title{
    width: 67%;
    margin-left: 3%;
    }

.sm_kv_img{
    width: 30%;
    }

div.keyArea{
    width: auto;
    padding-left: 4%;
    padding-right: 4%;
    }

}


/* Activity */

.resBox > img{
    margin-bottom: 1.5em;
}

.resBox > img + p{
    min-height: 4em;
}


.more_btn_beta{
    border: 1px #fff solid;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
    text-align: center;
    width: 40%;
}

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

.resBox > img + p{
    font-size: 21px!important;
    text-align: left;
    overflow: hidden;
}

.pcLayout img{
    width: 20%;
    float:left;
}

.more_btn_beta{
    clear:both;
    margin: 10px auto;
    }

.resBox{
    min-width:250px;
    width: 100%;
    height: auto;
    max-height: 120px;
    }
.pcLayout{
    min-width: 280px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }
.resBox > img{
    margin-bottom: 0!important;
    padding: 0 10px;
}
#top .sec01 .side4 ul:nth-of-type(1) li{
    padding: 30px 0 20px 0;
}
}

/* top_btn */

.topBtn{
    width:250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    }

.topBtn>.btn_lblue{
    padding: 10px 40px;
}


/* daichan */

.share_img{
    width: 50%;
    height: auto;
}

@media screen and (max-width: 767px){
.share_img{
    width: 100%;
    height: auto;
}
}