@charset "UTF-8";

/* Custom Style
sheet */
/*** Use this file to override Materialize files so you can update* the core Materialize files in the future** Made By MaterializeCSS.com*/
nav ul a, nav .brand-logo {
  /* color: #444; */
}

p {
  line-height: 1.8rem;
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255, 255, 255, .9);
}

.parallax-container .section {
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }

  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width: 600px) {
  #index-banner .section {
    top: 0;
    padding-top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

/* module ======================================== */
.text_red {
  color: #b95155;
}

.Midashi01 {
  font-size: 1.4rem;
  text-align: center;
  margin: 0 auto .5em;
}

.Midashi01:after {
  content: url(../images/base/midashi_after.png);
  position: relative;
  top: -4px;
  margin-left: 10px;
}

.Midashi01:before {
  content: url(../images/base/midashi_before.png);
  position: relative;
  top: -4px;
  margin-right: 10px;
}
.defaultpagehead .Midashi01:after,
.defaultpagehead .Midashi01:before {
  content: none;
}

.defaultpagehead .Midashi01 span:after {
  content: url(../images/base/midashi_after.png);
  position: relative;
  top: -4px;
  margin-left: 10px;
}

.defaultpagehead .Midashi01 span:before {
  content: url(../images/base/midashi_before.png);
  position: relative;
  top: -4px;
  margin-right: 10px;
}

#c_conents_area .Midashi01 {
  margin: 1em auto 1em;
}

#MainContentsArea h2 {}

/*before markup*/
.Midashi02 {
  font-size: 1.6rem;
  text-align: center;
  margin: .5em auto;
  text-transform: uppercase;
  background: url(../images/base/midashi2_bg.png) bottom center no-repeat;
  padding-bottom: 2px;
}

.Midashi03 {
  font-size: 1.2rem;
  text-align: center;
  margin: .5em auto;
  color: #0d6e53;
  font-weight: bold;
}

.Midashi04 {
  font-size: 1.2rem;
  text-align: center;
  margin: 1em auto 2em;
  color: #333;
  font-weight: bold;
}

.Midashi04 span {
  display: block;
  font-size: .9rem;
  font-weight: normal;
  color: #0d6e53;
  text-transform: uppercase;
  padding: 0 0 3px;
}

.btn.IjiLogin {
  background: #c39713;
  text-decoration: none !important;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(17, 17, 17, 0.4);
  font-size: 1em;
  font-weight: normal;
}

/* list */
.dl-tableList01 {}

.dl-tableList01 a, .dl-tableList02 a {
  color: #333;
}

.dl-tableList01 a:hover, .dl-tableList02 a:hover {
  text-decoration: underline;
}

.dl-tableList01 dt, .dl-tableList02 dt {
  float: left;
  clear: left;
  width: 18em;
  font-weight: bold;
}

.dl-tableList02 dt {
  width: 9em;
}

.dl-tableList01 dd, .dl-tableList02 dd {
  border-bottom: 1px solid #d0d0d0;
  padding-left: 19em;
  margin: 0;
}

.dl-tableList02 dd {
  padding-left: 10em;
}

.dl-tableList01 dt, .dl-tableList01 dd, .dl-tableList02 dt, .dl-tableList02 dd {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  vertical-align: middle;
}

.dl-tableList01 dt img, .dl-tableList01 dd img, .dl-tableList02 dt img, .dl-tableList02 dd img {
  vertical-align: middle;
  margin: 0 5px;
}

/* responsivetable-list */
table.responsivetable-list {
  width: 100%;
}

@media only screen and (max-width: 480px) {
  table.responsivetable-list {
    margin: 0 -10px;
  }

  table.responsivetable-list tr {
    display: block;
    margin-bottom: 10px;
  }

  table.responsivetable-list th {
    display: block;
    width: 100%;
  }

  table.responsivetable-list td {
    display: list-item;
    width: 90%;
    margin-left: 10%;
    border: none;
  }
}

/*table02 */
.table02.bordered {
  border-radius: initial;
  border-left: 1px solid;
  border-top: 1px solid;
  border-color: #3b434e;
}

.table02.bordered tr {
  border-bottom: 1px solid #3b434e;
}

.table02.bordered th {
  background: #d8dde6;
  border-radius: initial;
  padding: 15px;
  border-right: 1px solid;
}

.table02.bordered td {
  border-radius: initial;
  border-right: 1px solid;
  padding: 15px;
}

/*ggmap*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ggmap iframe, .ggmap object, .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 600px) {
  .Midashi01:after, .Midashi01:before {
    content: none;
    display: none;
  }

  .Midashi04 {
    font-size: 1.2em;
    line-height: 1.4em;
  }

  .Midashi04 span {
    font-size: .7rem;
  }

  .dl-tableList01 {}

  .dl-tableList02 {}

  .dl-tableList01 dt, .dl-tableList02 dt {
    padding: 5px 0 0;
  }

  .dl-tableList01 dd, .dl-tableList02 dd {
    font-size: .9em;
    padding: 5px 0 10px;
  }

  .dl-tableList01 dt, .dl-tableList01 dd, .dl-tableList02 dt, .dl-tableList02 dd {
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
  }
}

/* gate-nav */
.gate-nav {
  display: flex;
  /* width: 100%; */
  padding: 0 0.75rem;
  margin-bottom: 3em;
}

#Service .gate-nav {
  display:flex;
  flex-wrap: wrap;
}
#Service .gate-nav .col {
  float:none;
  height: auto;
}

.gate-nav .col {
  float: left;
  margin-left: initial !important;
}


#visitors .gate-nav {
  display:flex;
  flex-wrap: wrap;
}

#visitors .gate-nav .col {
  float: none;
  margin-bottom: 2em;
}

.gate-nav .card {
  float: none;
  padding: 1rem 1.75rem;
  text-decoration: none !important;
}

.gate-nav .card:first-child {}

.gate-nav .card .CardCaption.badge {
  background: #3b434e;
  color: #FFF;
  font-size: .9em;
  padding: 5px 10px;
  float: none;
  margin: -30px 0 0 0;
  position: absolute;
  line-height: 1.4em;
}

.gate-nav a {
  /* padding: 5% 10%; */
  /* overflow: hidden; */
  display: block;
}

.gate-nav p, .gate-nav a {
  font-size: .9em;
  line-height: 1.8em;
  height: 100%;
  color: #565f6f;
}
#Service .gate-nav p {
 height: auto;
 }

.gate-nav a .card-image {
  margin: 1em auto 0em;
  overflow: hidden;
  display: block;
}

#visitors .gate-nav p, #visitors .gate-nav a {
  height:auto;
}
#visitors .gate-nav a {
  height:100%;
  display: block;
  overflow: hidden;
}

#visitors .gate-nav .visi-nav-text {background: #fafafa;display: block;overflow: hidden;padding: 10px 20px;text-align: left;}

#visitors .gate-nav .visi-nav-text h3 {
    font-size: 1em;
    margin: 10px auto;
    color: #111;
    font-weight: bold;
}


#visitors .gate-nav .visi-nav-text h3 {
display: flex;
align-items: center;
}
#visitors .gate-nav .visi-nav-text h3:before,
#visitors .gate-nav .visi-nav-text h3:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
#visitors .gate-nav .visi-nav-text h3:before {
margin-right:10px;
}
#visitors .gate-nav .visi-nav-text h3:after {
margin-left: 10px;
}

#visitors .gate-nav .visi-nav-text p {
  text-align:left;
}
#visitors.service .gate-nav .visi-nav-text p,
#visitors.report .gate-nav .visi-nav-text p {
  display: none;
}


#visitors .gate-nav ul.visi-tag {
    display: block;
    margin: 10px -5px 20px;
}
#visitors.service .gate-nav ul.visi-tag,
#visitors.report .gate-nav ul.visi-tag {
  display: none;
}


  #visitors .gate-nav ul.visi-tag li {
    font-size: 10px;
    float: left;
    border: 1px solid #CCC;
    padding: 2px 5px;
    margin: 5px;
    border-radius: 3px;
}

.gate-nav .card p, .gate-nav .card a {
  line-height: 1.4em;
}

.gate-nav a img {
  vertical-align: middle;
  margin-right: 10px;
  display: block;
  float: left;
  line-height: 20px;
  max-width: 100%;
}

.gate-nav a strong {
  font-size: 1.3em;
  vertical-align: middle;
  display: block;
  /* float:left; */
  line-height: 20px;
  color: #111;
}

#visitors .gate-nav a strong {
  font-size:1.4em;
  border-bottom:2px solid;
  padding-bottom:10px;
  text-align: left;
}
#visitors.service .gate-nav a strong {
  color:#175b92;
}
#visitors.report .gate-nav a strong {
  color:#927617;
}
#visitors.jrei .gate-nav a strong {
  color:#16795d;
}

.gate-nav a strong:after {
  clear: both;
  display: block;
  content: "";
}

@media (max-width: 768px) {
  .gate-nav {
    display: flex;
    /* width: 100%; */
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0;
    margin-bottom: 0em;
    clear: both;
    flex-wrap: wrap;
  }

  .gate-nav .col {
    margin-bottom: 1em;
    flex-wrap: wrap;
    width: auto;
    float: none;
    /* margin: 0; */
  }

  .gate-nav .card {
    /* float: left; */
    /* margin: auto auto 1em; */
  }

  .gate-nav .card .CardCaption.badge {
    display: none;
  }
}

/* gate-buttons */
.gate-buttons {
  margin: 2em auto;
}

.gate-buttons .btn-flat {
  width: 100%;
  display: block;
  padding: .75em 1em;
  height: auto;
  line-height: initial;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1em;
}

/* top =========================================== */
body#TOP .GrobalNav {
  /* display:none; */
}

body#TOP .top-main-visual {background: URL(../images/top/top-main-bg2019.jpg) no-repeat bottom center;background-size: cover;min-height: 400px;width: 100%;/* display: table; */margin-bottom: 2em;display: block;overflow: hidden;}
  body#TOP .top-main-visual h2 {
    /* vertical-align: middle; */
    margin: 1em auto;
    /* text-align: center; */
    /* height: auto; */
    /* display: table-cell; */
    display: block;
    overflow: hidden;
}
  body#TOP .top-main-visual h2 img {
    display:block;
    margin:auto;
    /* margin-top: -84px; */
  }

body#TOP #top-visitors-nav {
    margin-bottom: 5em;
    /* margin-top: -160px; */
}

body#TOP #top-visitors-nav .container {
    /* background: rgba(255, 255, 255, 0.6); */
    /* padding: 0.5em 0 1em; */
    /* border-radius: 4px; */
}

  body#TOP #top-visitors-nav h3 {
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin: .5em auto;
    /* color: #FFF; */
    /* text-shadow: 2px 2px 3px rgba(17, 17, 17, 0.49); */
    color: #0098dc;
}

body#TOP #top-visitors-nav h3 {
	display: flex;
	align-items: center;
}
body#TOP #top-visitors-nav h3:before,
body#TOP #top-visitors-nav h3:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #0098dc;
	display: block;
}
body#TOP #top-visitors-nav h3:before {
	margin-right: 1em;
}
body#TOP #top-visitors-nav h3:after {
	margin-left: 1em;
}

    /*
    body#TOP #top-visitors-nav .visi-service {
    background: URL(../images/top/top-visitors-nav01.jpg) no-repeat center center;
    }
    body#TOP #top-visitors-nav .visi-report {
    background: URL(../images/top/top-visitors-nav02.jpg) no-repeat center center;
    }
    body#TOP #top-visitors-nav .visi-jrei {
    background: URL(../images/top/top-visitors-nav03.jpg) no-repeat center center;
    }
    */
    body#TOP #top-visitors-nav .visi-service,
    body#TOP #top-visitors-nav .visi-report,
    body#TOP #top-visitors-nav .visi-jrei {
      background:rgba(255, 255, 255, 0.3);
    }


      body#TOP #top-visitors-nav .visi-service,
      body#TOP #top-visitors-nav .visi-report,
      body#TOP #top-visitors-nav .visi-jrei {
      /* display: flex; */
      background-size:cover;
      padding: 5px 15px 15px;
      overflow: hidden;
      }

      body#TOP #top-visitors-nav .visi-service a,
      body#TOP #top-visitors-nav .visi-report a,
      body#TOP #top-visitors-nav .visi-jrei a {
      background: url(../images/base/arrow_right_gray01.png) 15px no-repeat rgba(255, 255, 255, 1);
      /* background-size: 11px; */
      padding: 13px 15px 13px 45px;
      font-weight: bold;
      font-size: 1em;
      color: #3b434e;
      /* display: block; */
      overflow: hidden;
      margin: auto;
      /* float: left; */
      /* width: 47%; */
      margin: 0 1.5%;
      border: 2px solid #3b434e;
      border-radius: 2px;
      box-shadow: 1px 3px 3px rgba(59, 67, 78, 0.3);
      /* width: 100%; */
      float: none;
      flex-grow: 1;
      }
      body#TOP #top-visitors-nav .visi-service a:hover,
      body#TOP #top-visitors-nav .visi-report a:hover,
      body#TOP #top-visitors-nav .visi-jrei a:hover {
      background: url(../images/base/arrow_right_gray01.png) 15px no-repeat rgba(255, 255, 255, 10);
      color: #26a69a;
      text-decoration: none;
      }
      body#TOP #top-visitors-nav .nav-wrapper {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
      }

      body#TOP #top-visitors-nav .visi-service .nav-wrapper {
      /* width: 65%; */
      margin: auto;
      }
      body#TOP #top-visitors-nav .visi-report  .nav-wrapper {}
      body#TOP #top-visitors-nav .visi-jrei .nav-wrapper {
    /* width: 60%; */
    margin: auto;
}


@media (max-width: 600px) {
  header nav .nav-wrapper form {
    display: none;
  }

  header nav .search form {
    display: block;
    width: auto;
    float: none;
    height: auto;
    margin: auto;
  }

  header nav form input[type="submit"] {
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
    color: #26a69a;
    width: auto;
    background: none;
    border: none;
  }

  body#TOP .top-main-visual {
  min-height: 150px;
  }

    body#TOP .top-main-visual h2 {
    }
    body#TOP .top-main-visual h2 img {
      max-width:70%;
    }

  body#TOP #top-visitors-nav {
    margin-top: 0;
    padding-bottom:1px;
    margin-bottom: 0;
  }

   body#TOP #top-visitors-nav .visi-service .nav-wrapper,
   body#TOP #top-visitors-nav .visi-report  .nav-wrapper,
   body#TOP #top-visitors-nav .visi-jrei .nav-wrapper {
    width: 85%;
    margin: auto;
    }

    body#TOP #top-visitors-nav .container,
    body#TOP #top-visitors-nav .container .col {
      width:100%;
      padding: 0;
  }

      body#TOP #top-visitors-nav .visi-service,
      body#TOP #top-visitors-nav .visi-report,
      body#TOP #top-visitors-nav .visi-jrei {
      padding: 10px 0;
      display: block;
      width: 100%;
      overflow: hidden;
      margin: auto;
      margin-bottom:1em;
      }

      body#TOP #top-visitors-nav .visi-service a,
      body#TOP #top-visitors-nav .visi-report a,
      body#TOP #top-visitors-nav .visi-jrei a {
      display: block;
      width: 90%;
      overflow: hidden;
      margin: .5em auto;
      float: none;
      }


}

#top-message,
#top-icon-area-a, #top-icon-area-b, #top-icon-area-c {
  overflow: hidden;
}

#top-message {
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 2em;
  padding-bottom: 1em;
}

#top-message h3 {
  font-size: 1.2em;
  font-weight: 900;
  margin-bottom: 2em;
}

#top-message p {
  letter-spacing: 1px;
  font-size: .95em;
  font-weight: 500;
  line-height: 1.4em;
}

@media only screen and (max-width: 600px) {
  #top-message {}

  #top-message p {
    text-align: justify;
    font-size: .85em;
  }

  #top-message p br {
    display: none;
  }
}

#top-icon-area-a {}

#top-icon-area-b {
  background: #f9fbfd url(../images/base/bluedots_bg01.gif) left top repeat;
}

#top-icon-area-c {
  /* background: #edf1f4 url(../images/base/bluedots_bg02.gif) left top repeat; */
  margin-bottom: 4em;
}

#c_conents_area .c-icon-area .card, #top-icon-area-a .card, #top-icon-area-b .card, #top-icon-area-c .card {
  border: 3px solid #e5eaef;
  border-radius: 5px;
}

#top-icon-area-c {
  /* display: none; */
}

#c_conents_area .c-icon-area .card:hover, #top-icon-area-a .card:hover, #top-icon-area-b .card:hover, #top-icon-area-c .card:hover {}

#c_conents_area .c-icon-area .card-action, #top-icon-area-a .card .card-action, #top-icon-area-b .card .card-action, #top-icon-area-c .card .card-action {
  background: url(../images/base/arrow_right_gray01.png) 10px no-repeat;
  padding: 10px 10px 10px 40px;
  border-top: 1px solid #e5eaef;
  display: flex;
  height: 68px;
  vertical-align: middle;
  width: 100%;
}

#c_conents_area .c-icon-area span, #top-icon-area-a span, #top-icon-area-b span, #top-icon-area-c span, #c_conents_area .c-icon-area a, #top-icon-area-a a, #top-icon-area-b a, #top-icon-area-c a {
  padding: 0px 0px;
  /* margin-left: 30px; */
  display: block;
  color: #333;
  /* margin-right: 0; */
  font-size: 1em;
  font-weight: bold;
  /* min-height: 23px; */
  /* line-height: 23px; */
  /* vertical-align: middle; */
  margin: auto 0;
  width: 100%;
  text-decoration: none;
}

#c_conents_area .c-icon-area span.badge {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0;
  background-color: #0d6e53;
  font-size: .6em;
  padding: 2px 10px;
  color: #FFF;
  width: inherit;
}

#TOP #top-icon-area-a span.badge {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0;
  background-color: #0d6e53;
  font-size: .6em;
  padding: 2px 10px;
  color: #FFF;
  width: auto;
}

#c_conents_area .c-icon-area .collapsible span, #top-icon-area-a .collapsible span, #top-icon-area-b .collapsible span, #top-icon-area-c .collapsible span {
  padding: 2px 5px;
  display: block;
  color: #fff;
  font-size: .8em;
  font-weight: normal;
  margin: auto 0;
  width: auto;
  float: right;
}

#c_conents_area .c-icon-area .collapsible a, #top-icon-area-a .collapsible a, #top-icon-area-b .collapsible a, #top-icon-area-c .collapsible a {
  padding: 0px 10px;
  /* margin-left: 30px; */
  display: block;
  color: #333;
  /* margin-right: 0; */
  font-size: 1em;
  font-weight: bold;
  /* min-height: 23px; */
  /* line-height: 23px; */
  /* vertical-align: middle; */
  margin: auto 0;
  width: auto;
}

#c_conents_area .c-icon-area a:hover, #top-icon-area-a a:hover, #top-icon-area-b a:hover, #top-icon-area-c a:hover {
  color: #9e9e9e;
}

#c_conents_area .c-icon-area .card .card-image, #top-icon-area-a .card .card-image, #top-icon-area-b .card .card-image, #top-icon-area-c .card .card-image {
  padding: 10px;
}

#c_conents_area .c-icon-area .card .card-image img, #top-icon-area-a .card .card-image img, #top-icon-area-b .card .card-image img, #top-icon-area-c .card .card-image img {
  width: auto;
  height: auto;
  margin: auto;
  border-radius: 0;
}

#c_conents_area .c-icon-area .card:hover .card-image, #top-icon-area-a .card:hover .card-image, #top-icon-area-b .card:hover .card-image, #top-icon-area-c .card:hover .card-image {
  background: #f5f5f5;
}

#c_conents_area .c-icon-area .card.red, #c_conents_area .c-icon-area .card.blue, #c_conents_area .c-icon-area .card.green, #c_conents_area .c-icon-area .card.purple, #c_conents_area .c-icon-area .card.orange, #top-icon-area-a .card.red, #top-icon-area-b .card.red, #top-icon-area-c .card.red, #top-icon-area-a .card.blue, #top-icon-area-b .card.blue, #top-icon-area-c .card.blue, #top-icon-area-a .card.green, #top-icon-area-b .card.green, #top-icon-area-c .card.green, #top-icon-area-a .card.purple, #top-icon-area-b .card.purple, #top-icon-area-c .card.purple, #top-icon-area-a .card.orange, #top-icon-area-b .card.orange, #top-icon-area-c .card.orange {
  background-color: white !important;
}

#c_conents_area .c-icon-area .card.red .card-action, #top-icon-area-a .card.red .card-action, #top-icon-area-b .card.red .card-action, #top-icon-area-c .card.red .card-action, #c_conents_area .c-icon-area .card.red, #top-icon-area-a .card.red, #top-icon-area-b .card.red, #top-icon-area-c .card.red {
  border-color: #c4656a;
}

#c_conents_area .c-icon-area a:hover .card.red .card-action, #top-icon-area-a a:hover .card.red .card-action, #top-icon-area-b a:hover .card.red .card-action, #top-icon-area-c a:hover .card.red .card-action {
  color: #c4656a;
}

#c_conents_area .c-icon-area .card.blue .card-action, #top-icon-area-a .card.blue .card-action, #top-icon-area-b .card.blue .card-action, #top-icon-area-c .card.blue .card-action, #c_conents_area .c-icon-area .card.blue, #top-icon-area-a .card.blue, #top-icon-area-b .card.blue, #top-icon-area-c .card.blue {
  border-color: #1f6289;
}

#c_conents_area .c-icon-area a:hover .card.blue .card-action, #top-icon-area-a a:hover .card.blue .card-action, #top-icon-area-b a:hover .card.blue .card-action, #top-icon-area-c a:hover .card.blue .card-action {
  color: #1f6289;
}

#c_conents_area .c-icon-area .card.green .card-action, #top-icon-area-a .card.green .card-action, #top-icon-area-b .card.green .card-action, #top-icon-area-c .card.green .card-action, #c_conents_area .c-icon-area .card.green, #top-icon-area-a .card.green, #top-icon-area-b .card.green, #top-icon-area-c .card.green {
  border-color: #13928c;
}

#c_conents_area .c-icon-area .card.green .card-action, #top-icon-area-a a:hover .card.green .card-action, #top-icon-area-b a:hover .card.green .card-action, #top-icon-area-c a:hover .card.green .card-action {
  color: #13928c;
}

#c_conents_area .c-icon-area .card.purple .card-action, #top-icon-area-a .card.purple .card-action, #top-icon-area-b .card.purple .card-action, #top-icon-area-c .card.purple .card-action, #c_conents_area .c-icon-area .card.purple, #top-icon-area-a .card.purple, #top-icon-area-b .card.purple, #top-icon-area-c .card.purple {
  border-color: #8e62a7;
}

#c_conents_area .c-icon-area a:hover .card.purple .card-action, #top-icon-area-a a:hover .card.purple .card-action, #top-icon-area-b a:hover .card.purple .card-action, #top-icon-area-c a:hover .card.purple .card-action {
  color: #8e62a7;
}

#c_conents_area .c-icon-area .card.orange .card-action, #top-icon-area-a .card.orange .card-action, #top-icon-area-b .card.orange .card-action, #top-icon-area-c .card.orange .card-action, #c_conents_area .c-icon-area .card.orange, #top-icon-area-a .card.orange, #top-icon-area-b .card.orange, #top-icon-area-c .card.orange {
  border-color: #e4c5a7;
}

#c_conents_area .c-icon-area a:hover .card.orange .card-action, #top-icon-area-a a:hover .card.orange .card-action, #top-icon-area-b a:hover .card.orange .card-action, #top-icon-area-c a:hover .card.orange .card-action {
  color: #e4c5a7;
}

/*#c_conents_area*/
#c_conents_area .c-icon-area {
  padding-bottom: 2em;
  border-bottom: 1px solid #e5eaef;
}

#c_conents_area .c-icon-area.jisseki {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

#c_conents_area .info-gate-marketview .c-icon-area {}

#c_conents_area .info-gate-marketview .c-icon-area .col {}

#c_conents_area .info-gate-marketview .c-icon-area .col:first-child {
  margin-left: 12.3%;
}

#c_conents_area .c-icon-area .card-action {
  font-size: .8em;
  font-weight: normal;
  height: 9em;
  vertical-align: top;
  display: block;
  line-height: 1.4em;
}

#c_conents_area .c-icon-area.underlayer.second .card-action {
  height: 14em;
  padding: 10px;
}

#c_conents_area .c-icon-area.jisseki .card-action {
  height: 6.5em;
}

#c_conents_area .c-icon-area.underlayer .card-image img {
  height: 100px;
}

#c_conents_area .c-icon-area.underlayer .card-image:hover {
  background: none;
}

#c_conents_area .c-icon-area.underlayer .card-action {
  background: none;
}

#c_conents_area .c-icon-area.underlayer a .card-action {
  background: url(../images/base/arrow_right_gray01.png) 10px no-repeat;
}

#c_conents_area .c-icon-area .card-action strong {
  font-size: 1.1em;
  font-weight: bold;
  display: block;
  color: #333;
  line-height: 1.2em;
  padding-bottom: .5em;
}

#c_conents_area .c-icon-area a, #c_conents_area .c-icon-area .card-action span {
  vertical-align: top;
  color: #9e9e9e;
  font-weight: normal;
}

#c_conents_area .c-icon-area.booklist .card .card-image img {
  width: auto;
  height: 65px;
}

@media (max-width: 768px) {
  #top-icon-area-a, #top-icon-area-b, #top-icon-area-c {
    padding-top: 2em;
  }

  #c_conents_area .c-icon-area {}

  #c_conents_area .c-icon-area:after {
    display: none;
    clear: none;
  }

  #c_conents_area .c-icon-area:last-child:after {
    display: block;
    clear: both;
  }

  #c_conents_area .c-icon-area .col, #top-icon-area-a .row .col, #top-icon-area-b .row .col, #top-icon-area-c .row .col {
    padding: 0 0.2rem;
  }

  #c_conents_area .c-icon-area .card .card-image img, #top-icon-area-a .card .card-image img, /*#top-icon-area-b .card .card-image img,*/ #top-icon-area-c .card .card-image img {
    width: auto;
    max-height: 80px;
  }
  #top-icon-area-b .card .card-image img{max-height: auto;}

  #c_conents_area .c-icon-area.underlayer a .card-action {
    background: none;
  }

  #c_conents_area .c-icon-area .card .card-action, #top-icon-area-a .card .card-action, #top-icon-area-b .card .card-action, #top-icon-area-c .card .card-action {
    background: none;
    padding: 5px 10px;
    border-top: 1px solid #e5eaef;
    display: flex;
    height: 75px;
    vertical-align: middle;
    width: 100%;
  }

  #c_conents_area .c-icon-area .card .card-action a, #top-icon-area-a .card .card-action a, #top-icon-area-b .card .card-action a, #top-icon-area-c .card .card-action a {
    padding: 0px 0px;
    display: block;
    color: #333;
    font-size: 1.1em;
    font-weight: normal;
    margin: auto 0;
    width: 100%;
    line-height: 1.3em;
  }

  #c_conents_area .c-icon-area .card .card-image, #top-icon-area-a .card .card-image, #top-icon-area-b .card .card-image, #top-icon-area-c .card .card-image {
    padding: 5px;
  }

  #c_conents_area .c-icon-area .card-action {
    height: 4.3em !important;
  }

  #c_conents_area .c-icon-area .card-action span {
    margin-left: -9999px;
    /* display: table; */
  }

  #c_conents_area .c-icon-area .card-action span br {
    display: none;
  }

  #c_conents_area .c-icon-area .card-action span strong {
    display: block;
    margin-left: 9999px;
    width: 100%;
    text-align: center;
    padding: .2em 0 0;
    vertical-align: middle;
    height: 2.8em;
  }

  #c_conents_area .info-gate-marketview .c-icon-area .col:first-child {
    margin-left: auto;
  }
}

#TOP .collapsible {
  border: none;
  box-shadow: none;
  margin: 0;
}

#TOP .collapsible .collapsible-header {
  background: #e5eaef url(../images/base/arrow_bottom_blk01.png) center bottom 3px no-repeat;
  text-align: center;
  border: none;
  font-size: .9em;
  font-weight: bold;
}

#TOP .collapsible .tab {
  background: #e5eaef;
}

#TOP .collapsible .tab a {
  border-right: 1px solid #bdc1c5;
  border-bottom: 1px solid #bdc1c5;
  font-size: 1em;
  font-weight: bold;
}

#TOP .collapsible .tab:first-child a {
  border-left: 1px solid #bdc1c5;
}

#TOP .collapsible .tab a img {
  vertical-align: middle;
  margin-right: 10px;
}

#TOP .collapsible .tab a.active {
  border-bottom: none;
}

#TOP .collapsible .collapsible-body {
  background: #FFF;
}

#TOP .collapsible .collapsible-body .container {
  background: #FFF;
  /* border-top: 1px solid #bdc1c5; */
  overflow: hidden;
}

#TOP .collapsible .collapsible-body .container .btn {
  width: 19.2%;
  padding: 0%;
  float: left;
  margin-left: 1%;
  background: none;
}

#TOP .collapsible .collapsible-body .container .btn:first-child {
  margin-left: 0;
}

#TOP .collapsible .collapsible-body .container .btn:hover {
  background: none;
  box-shadow: none;
}

#TOP .collapsible .collapsible-body .container .btn.s12 {
  width: 100%;
  padding: 0 4%;
}

#TOP .collapsible .collapsible-body .container .btn:last-child {}

@media (max-width: 600px) {
  #TOP .collapsible {
    display: none;
  }

  #TOP .side-nav .collapsible {
    display: block;
  }
}

ul.ListNav01 {
  margin-bottom: 1em;
}

.ListNav01 li {
  padding: 5px;
  font-size: 14px;
  text-indent: 0;
  background: url(../images/base/icon_secondnav_gray01.png) left no-repeat;
  line-height: 1.2em;
  padding-left: 20px;
}

.ListNav01 li a {
  color: #333;
  display: block;
}

/* top column area */
/* #TOP .TopColumnArea {}

#TOP .TopColumnArea .card {
  box-shadow: none;
  border-radius: 0;
}

#TOP .TopColumnArea .card-image {
  border: 3px solid #e5eaef;
  transition: border-color .3s ease;
} */

/* #TOP .TopColumnArea .card-image img {
  border-radius: 0;
}

#TOP .TopColumnArea .card-image:hover {
  border-color: #26a69a;
} */

/* #TOP .TopColumnArea .card-action {
/*   /* text-align: justify; */
  /* padding: 10px 0; */
  /* border: none; */
  /* font-size: .8em; */ */
}
 */
/* #TOP .TopColumnArea .card-action a {
  text-align: left;
  color: #333;
  margin: 0;
} */

/* #TOP .TopColumnArea .card-action strong {
  font-size: 1.2em;
}

#TOP .TopColumnArea .card-action a:hover {
  color: #26a69a;
  text-decoration: underline;
}

#TOP .TopColumnArea span.badge {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 0;
  background-color: #0d6e53;
  font-size: .6em;
  padding: 2px 10px;
  color: #FFF;
} */
/* 
@media (max-width: 600px) {
  #TOP .TopColumnArea .card-action {
    font-size: .7em;
  }

  #TOP .TopColumnArea .card-action a br {
    display: none;
  }

  #TOP .TopColumnArea .card-action a strong {
    display: block;
    font-size: 1.6em;
    padding-bottom: .1em;
  }
} */

/* top news area */
#TOP .TopNewsArea {}

#TOP .TopNewsArea table {
  margin-bottom: 2em;
}

#TOP .TopNewsArea table th {
  font-weight: normal;
}

#TOP .TopNewsArea table td {}

#TOP .TopNewsArea a {
  color: #333;
  transition: color .3s ease;
  transition: background-color .3s ease;
}

#TOP .TopNewsArea a:hover {
  color: #26a69a;
  text-decoration: underline;
}

#TOP .TopNewsArea a.btn-flat:hover {
  color: #333;
  text-decoration: none;
}

@media (min-width: 601px) {
  #TOP .TopNewsArea table th {
    width: 15%
  }

  #TOP .TopNewsArea table td {
    width: 85%;
  }
}

@media (max-width: 600px) {
  #TOP .TopColumnArea .col.s6:nth-child(3) {
    clear: both;
  }

  #TOP .TopNewsArea table tr, #TOP .TopNewsArea table th, #TOP .TopNewsArea table td {
    width: 100%;
    display: block;
    padding: 5px 0;
    font-size: 1.05em;
  }

  #TOP .TopNewsArea table th {
    color: #9e9e9e;
    font-size: .8em;
  }

  #TOP .TopNewsArea .btn-flat {
    font-size: .8em;
    padding: 0 10px;
  }

  #TOP .TopNewsArea .btn-flat a {}
}

/* top banner area */
.Midashi01.front:before,
.Midashi01.front:after {
  content: "";
  display: block;
  border-top: solid 1px black;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.Midashi01.front:before{left: 0;}
.Midashi01.front:after {right: 0;}
#top-icon-area-b .topBannerLeft .Midashi01.front:before,
#top-icon-area-b .topBannerLeft .Midashi01.front:after {width: 12%;}
#top-icon-area-b .topBannerRight .Midashi01.front:before,
#top-icon-area-b .topBannerRight .Midashi01.front:after {width: 42.8%;}
#top-icon-area-b .topBannerLeft,
#top-icon-area-b .topBannerRight{padding: 0;}
#top-icon-area-b .topBannerLeft .Midashi01,
#top-icon-area-b .topBannerRight .Midashi01{position: relative;margin: 0 0.65em;}
#top-icon-area-b span span.Small{font-size: 0.5em;}
@media only screen and (max-width: 480px) {
  #top-icon-area-b .topBannerLeft .Midashi01.front:before,
  #top-icon-area-b .topBannerLeft .Midashi01.front:after,
  #top-icon-area-b .topBannerRight .Midashi01.front:before,
  #top-icon-area-b .topBannerRight .Midashi01.front:after {display: none;}
  #top-icon-area-b .topBannerLeft .Midashi01,
  #top-icon-area-b .topBannerRight .Midashi01{margin: 0 auto;}
}

/* footer ===============================*/
footer.page-footer {
  margin: 5em 0 0 0;
  padding: 0;
}

footer.page-footer #FooterFirstArea {
  height: 63px;
  border-bottom: 1px solid #565f6f;
}

footer.page-footer a#PageTopBtn {
  background: #292e34;
  display: flex;
  width: 100%;
  height: 62px;
  vertical-align: middle;
}

footer.page-footer a#PageTopBtn img {
  margin: auto;
  text-align: center;
  display: block;
  font-size: 1px;
  line-height: 1px;
  vertical-align: middle;
  height: 41px;
}

footer.page-footer #FootNav {
  float: left;
  margin-right: 40px;
}

footer.page-footer #FootNav li {
  margin: 0 0 0 15px;
  float: left;
}

footer.page-footer #FootNav li a {
  background: url(../images/base/arrow_right_w01.png) left center no-repeat;
  color: rgba(255, 255, 255, 0.55);
  display: block;
  padding: 0 0 0 10px;
  font-size: .8em;
  line-height: 30px;
}

footer.page-footer #FootNav li:first-child {
  margin: 0;
}

footer.page-footer #FootSNS {
  float: left;
}

footer.page-footer #FootSNS .Fb {}

footer.page-footer #FooterText {
  vertical-align: middle;
  display: table;
  height: 150px;
}

footer.page-footer #FooterText p {
  color: rgba(255, 255, 255, 0.5);
  font-size: .9em;
  line-height: 1.6em;
  margin: auto;
  text-align: left;
  vertical-align: middle;
  display: table-cell;
}

footer.page-footer #FooterLangBtn {
  padding-top: 50px;
  /* display: none; */
}

footer.page-footer #FooterLangBtn .btn-flat {
  background: none;
  color: #FFF;
  margin: 3em 0 1em auto;
}

footer.page-footer #FooterLangBtn .btn-flat img {
  margin-top: -2px;
  width: 6px;
  height: auto;
}

footer.page-footer #FooterLangBtn .btn-flat:hover {
  background: #26a69a;
}

footer.page-footer #FooterLangBtn h5 {
  float: left;
  font-size: .8em;
  color: #26a69a;
  line-height: 50px;
  padding: 0;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

footer.page-footer #FooterLangBtn ul {
  float: left;
  line-height: 50px;
  padding: 0;
  margin: 0;
}

footer.page-footer #FooterLangBtn ul li {
  float: left;
  vertical-align: middle;
}

footer.page-footer #FooterLangBtn ul li a {
  font-weight: bold;
  color: #FFF;
}

footer.page-footer #FooterLangBtn ul li a.active {
  color: #26a69a;
}

footer.page-footer #FooterLangBtn ul li a:hover {
  color: #26a69a;
}

footer.page-footer #FooterLangBtn ul li a:after {
  content: "/";
  padding: 0 5px;
  color: #26a69a;
}

footer.page-footer #FooterLangBtn ul li:last-child a:after {
  content:none;
}

@media (max-width: 700px) {
  footer.page-footer #FootNav li:first-child {
    margin: 5px 0 0 5px;
  }

  footer.page-footer #FootNav li {
    margin: 5px 0 0 5px;
  }

  footer.page-footer #FootNav li a {
    font-size: .6em;
    line-height: 16px;
    padding: 5px;
  }
}

@media (max-width: 768px) {
  footer.page-footer {
    margin: 2em 0 0 0;
  }

  footer.page-footer .container {
    width: 100%;
  }

  footer.page-footer .container .row {
    margin: 0;
  }

  footer.page-footer .container .col {
    padding: 0 !important;
  }

  footer.page-footer .container .col.s12 {
    width: 100%;
  }

  footer.page-footer #FooterText {
    display: none;
  }

  footer.page-footer #FooterLangBtn {
    text-align: center;
    margin: 1em auto 2em;
  }

  footer.page-footer #FooterLangBtn ul, footer.page-footer #FooterLangBtn ul li, footer.page-footer #FooterLangBtn h5 {
    float: none;
    display: inline;
    line-height: 30px;
  }

  footer.page-footer #FooterLangBtn h5:before {
    content: "";
    display: block;
  }

  footer.page-footer #FooterLangBtn .btn-flat {
    width: auto;
    margin: 1em auto;
    clear: both;
  }

  footer.page-footer #FootNav {
    padding: 0 15px;
    margin: auto;
    display: block;
    float: none;
  }

  footer.page-footer #FootNav li {
    width: 50%;
    margin: 0;
    float: left;
    padding: 1%;
  }

  footer.page-footer #FootNav li a {
    font-size: .8em;
    line-height: 16px;
    padding: 10px;
    border-bottom: 1px solid #565f6f;
    text-align: center;
  }

  footer.page-footer #FootNav li:first-child {
    margin: 0;
  }

  footer.page-footer #FootSNS {
    display: none;
  }

  footer.page-footer .footer-copyright {
    font-size: .6em;
  }
}

/* c_head_area ===============================*/
#c_head_area {
  margin-bottom: 1em;
  padding-bottom: 1em;
}

#c_head_area nav {
  background: none;
  color: #3b434e;
  height: auto;
  line-height: initial;
  box-shadow: none;
  padding: 0;
  margin: 0 0 1em;
}

#c_head_area nav .nav-wrapper {}

#c_head_area nav .breadcrumb {
  color: #3b434e;
  font-size: .8em;
}

#c_head_area nav .breadcrumb:before {
  color: #3b434e;
  font-size: 1.2em;
  margin: 3px 10px 0 8px;
}

#c_head_area #c_haed_cate {
  background: url(../images/information/c_cate_head_info.png) center center no-repeat;
  height: 219px;
}

body#Information #c_head_area #c_haed_cate {
  background-image: url(../images/information/c_cate_head_info.png)
}

body#About #c_head_area #c_haed_cate {
  background-image: url(../images/about/c_cate_head_about2.png);
}

body#membersite #c_head_area #c_haed_cate {
  background-image: url(../images/membersite/bg_membersite.png);
  height: auto;
  background-size: cover;
  padding-bottom: 1em;
}

body#visitors #c_head_area #c_haed_cate {
  background-image: url(../images/visitors/visitors-mainbg-01.jpg);
  height: auto;
  background-size: cover;
  padding-bottom: 4em;
}
body#visitors.service #c_head_area #c_haed_cate {
  background-image: url(../images/visitors/visitors-mainbg-01.jpg);
}
body#visitors.report #c_head_area #c_haed_cate {
  background-image: url(../images/visitors/visitors-mainbg-02.jpg);
}
body#visitors.jrei #c_head_area #c_haed_cate {
  background-image: url(../images/visitors/visitors-mainbg-03.jpg);
}



body#Service #c_head_area #c_haed_cate {
  background-image: url(../images/service/c_cate_head_service.png);
}

body#About #c_head_area #c_haed_cate.Gate {
  background-image: url(../images/about/c_cate_head_about_gate2.png);
  height: 436px;
}

body#About.kantei #c_head_area #c_haed_cate.Gate {
  background-image: url(../images/about/c_cate_head_about_div-kantei.png);
  height: 436px;
}

body#About.kenkyu #c_head_area #c_haed_cate.Gate {
  background-image: url(../images/about/c_cate_head_about_div-kenkyu.png);
  height: 436px;
}

body#About.solution #c_head_area #c_haed_cate.Gate {
  background-image: url(../images/about/c_cate_head_about_div-sol.png);
  height: 436px;
}

body#Information #c_head_area #c_haed_cate.Gate {
  background-image: url(../images/information/c_cate_head_info_gate.png);
  height: 320px;
}

body#Report #c_head_area #c_haed_cate.Gate {
  background-image: url(../images/report/c_cate_head_repo_gate.png);
  height: 320px;
}

body#Service #c_head_area #c_haed_cate.Gate {
  background-image: url(../images/service/c_cate_head_service_gate.png);
  height: 320px;
}

#c_head_area #c_haed_cate p {
  background: url(../images/base/c_cate_w_bg.png) bottom 1px center no-repeat;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  margin: 71px auto 0;
  line-height: 2rem;
}

#c_head_area #c_haed_cate.Gate p {
  background: none;
  text-align: center;
  font-size: 1.6em;
  font-weight: normal;
  color: #FFF;
  text-transform: uppercase;
  margin: 10px auto 0;
  line-height: 2rem;
}

#c_head_area #c_haed_cate.Gate p.about_gate_catch {
  margin-top: 4em;
}

#c_head_area #c_haed_cate.Gate h1 {
  text-align: center;
  color: #FFF;
  font-size: 1.2em;
  font-weight: bold;
}

#c_head_area #c_haed_cate.Gate p.GateName {
  background: url(../images/base/c_cate_w_bg.png) bottom 0px center no-repeat;
  text-align: center;
  font-size: 2.6em;
  font-weight: normal;
  color: #FFF;
  text-transform: uppercase;
  margin: 130px auto 0;
  line-height: 2rem;
  padding-bottom: 30px;
  font-weight: bold;
}

body#Service #c_head_area #c_haed_cate.Gate p.GateName {
  background: url(../images/base/c_cate_w_bg.png) bottom 0px center no-repeat;
  /* text-align: center; */
  /* font-size: 2.6em; */
  /* font-weight: normal; */
  /* color: #FFF; */
  /* text-transform: uppercase; */
  /* margin: 120px auto 0; */
  /* line-height: 2rem; */
  /* padding-bottom: 30px; */
}

body#Information #c_head_area #c_haed_cate.Gate p.GateName {
  background: url(../images/base/c_cate_w_bg.png) bottom 0px center no-repeat;
  text-align: center;
  font-size: 2.6em;
  /* font-weight: normal; */
  color: #FFF;
  text-transform: uppercase;
  margin: 120px auto 0;
  line-height: 2rem;
  padding-bottom: 30px;
}

body#membersite #c_head_area #c_haed_cate.Gate p.GateName {
  margin: 60px auto 0;
  font-size: 2.6em;
}

body#visitors #c_head_area #c_haed_cate.Gate p.GateName {
  margin: 60px auto 0;
  font-size: 1.4em;
  color:#FFF;
  padding-bottom: 20px;
}

body#membersite #c_head_area #c_haed_cate.Gate p.GateName span {
  display: block;
  padding-bottom: 0;
}

body#membersite #c_head_area #c_haed_cate.Gate h1 {
  margin: 1em auto 2em;
  font-size: 1em;
}

body#visitors #c_head_area #c_haed_cate.Gate h1 {
  margin: 1em auto 2em;
  font-size: 1.4em;
  color:#FFF;
}

body#membersite #c_head_area #c_haed_cate.Gate p {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.4em;
}

body#membersite #c_head_area #c_haed_cate.Gate p strong {
  font-size: 1.1em;
  font-weight: normal;
}
body#visitors #c_head_area #c_haed_cate.Gate p {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.4em;
}

body#visitors #c_head_area #c_haed_cate.Gate p strong {
  font-size: 1.1em;
  font-weight: normal;
}

#c_head_area #c_haed_cate.Gate p.GateName, #c_head_area #c_haed_cate.Gate h1 {
  color: #111;
}

body#membersite #c_head_area #c_haed_cate.Gate h1, body#membersite #c_head_area #c_haed_cate.Gate p.GateName, body#Information #c_head_area #c_haed_cate.Gate h1, body#Service #c_head_area #c_haed_cate.Gate h1, body#Service #c_head_area #c_haed_cate.Gate p.GateName, body#About #c_head_area #c_haed_cate.Gate h1, body#About #c_head_area #c_haed_cate.Gate p.GateName {
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(59, 67, 78, 0.3);
}

#c_head_area h1 {
  font-size: 2rem;
  margin: 1em auto 1em;
  color: #3b434e;
  clear: both;
}

#c_head_area.defaultpagehead h1 span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  color: #0d6e53;
  text-transform: uppercase;
  padding: 0 0 3px;
}

#c_head_area.defaultpagehead h1 {
  padding: 0 4em;
  line-height: 1.4em;
}

#c_head_area.defaultpagehead h1:before, #c_head_area.defaultpagehead h1:after {}

#c_head_area .leadtext {
  width: 650px;
  margin: 0 auto;
}

#c_head_area .leadtext .col img {
  max-width: 100%;
  height: auto;
  padding-right: 20px;
}

#c_head_area .leadtext p {
  margin: 0 auto;
  text-indent: 1em;
  color: #3b434e;
  line-height: 1.6rem;
}

#c_head_area .Gateleadtext {
  width: 650px;
  margin: 0 auto;
}

#c_head_area .Gateleadtext p {
  margin: 2em auto;
  text-indent: 0;
  color: #3b434e;
  line-height: 2rem;
  font-size: 1.2em;
  text-align: center;
}

@media (max-width: 768px) {
  #c_head_area {
    margin-bottom: 0em;
    padding-bottom: 0em;
  }

  #c_head_area .container {
    width: 100%;
  }

  #c_head_area .container .col.s12 {
    width: 94%;
    margin-left: 3%;
    margin-right: auto;
  }

  #c_head_area h1 {
    font-size: 1.2em;
    font-weight: bold;
    width: 90%;
    color: #333;
    margin: 2em auto;
  }

  #c_head_area .leadtext .col img {
    padding-right: 0px;
    margin: auto;
    padding-bottom: 1em;
    text-align: center;
    display: block;
  }

  #c_head_area #c_haed_cate {
    height: 100px;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    margin: 0;
  }

  #c_head_area #c_haed_cate p {
    margin: 25px auto 0;
    line-height: 1.8rem;
    font-size: 1em;
  }

  #c_head_area #c_haed_cate.Gate p.GateName {
    background-size: 50% !important;
  }

  #c_head_area #c_haed_cate.Gate {}

  body#About #c_head_area #c_haed_cate.Gate {
    /* height: 250px !important; */
    /* background-position: bottom center; */
    /* background-size: cover; */
  }

  #c_head_area #c_haed_cate.Gate {
    height: 150px !important;
    background-position: bottom center;
    background-size: cover;
    margin-bottom: 0;
  }

  body#About.kenkyu #c_head_area #c_haed_cate.Gate p img {
    max-height: 17px;
    width: auto;
    height: auto;
  }

  body#membersite #c_head_area #c_haed_cate {
    height: auto !important;
    padding-bottom: 3em;
  }

  #c_head_area #c_haed_cate.Gate p.GateName {
    font-size: 1.2em !important;
    padding-bottom: 0em !important;
    margin: 50px auto 0 !important;
  }

  #About #c_head_area #c_haed_cate.Gate p.GateName {
    /* color: #0d6e53 !important; */
    /* margin: 80px auto 0 !important; */
  }

  body#membersite #c_head_area #c_haed_cate.Gate p.GateName {
    color: #0d6e53 !important;
    line-height: 1.8em;
    text-align: center;
  }

  body#membersite #c_head_area #c_haed_cate.Gate p.GateName span {
    width: 40px;
    margin: auto;
  }

  body#membersite #c_head_area #c_haed_cate.Gate p {
    font-size: .8em;
    text-align: justify;
  }

  body#membersite #c_head_area #c_haed_cate.Gate p br {
    display: none;
  }

  body#membersite #c_head_area #c_haed_cate.Gate p strong {}

  #c_head_area #c_haed_cate.Gate h1 {
    font-size: .9em;
    font-weight: bold;
  }

  #c_head_area #c_haed_cate.Gate p {}

  #c_head_area #c_haed_cate.Gate p.about_gate_catch {
    display: none;
  }

  #c_head_area #c_haed_cate.Gate img {
    width: auto;
    height: auto;
    max-width: 95%;
    margin: auto;
  }

  #c_head_area .leadtext, #c_head_area .Gateleadtext {
    text-align: left;
    width: 85%;
  }

  #c_head_area .Gateleadtext p, #c_head_area .leadtext p {
    text-align: left;
    font-size: 1em;
    line-height: 1.6em;
  }

  #c_head_area .Gateleadtext p br, #c_head_area .leadtext p br {
    display: none;
    overflow: hidden;
  }

  #c_head_area nav {
    display: none;
  }

  #c_head_area .leadtext {
    width: 90%;
    margin: 0 auto 2em;
  }

  #c_head_area .leadtext h3 {
    font-size: 1.1em;
    line-height: 1.4em;
  }

  .fudousankenkyu-nav {}

  .fudousankenkyu-nav .BTN05 {
    margin: 0 1% !important;
    width: 48% !important;
    padding: 0 1% !important;
  }

  .fudousankenkyu-nav .BTN05:first-child {
    padding: 0 1% !important;
  }
}

/* c_conents_area ===============================*/
#c_conents_area {
  min-height: 20em;
  margin-bottom: 1em;
}

#c_conents_area a {
  /* text-decoration:underline; */
}

#c_conents_area a:hover {
  text-decoration: none;
}

/* c_footer_area ===============================*/
#c_footer_area {
  padding-top: 2rem;
}

#c_footer_area .footer_tel_cta {}

#c_footer_area .footer_tel_cta p.badge {
  border: 1px solid #0d6e53;
  display: inline;
  padding: 5px 10px;
  font-size: .85em;
  color: #0d6e53;
  background: #FFF;
  margin: auto;
  font-weight: bold;
}

#c_footer_area .footer_tel_cta .tel-border {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  width: 32.333333%;
  margin-left: 1%;
  padding: 1% 0 2%;
}

#c_footer_area .tel_and_mail {}

#c_footer_area .center.tel_and_mail {}

#c_footer_area .center.tel_and_mail p {
  display: inline;
  padding: 0 10px;
}

#c_footer_area .tel_and_mail span.badge {
  background: #0d6e53;
  color: #FFF;
  padding: 4px 10px;
  text-transform: uppercase;
  font-size: .8em;
  margin: 0 5px;
  vertical-align: middle;
  letter-spacing: 2px;
  float: none;
}

#c_footer_area .tel_and_mail span.tel_no {
  font-size: 2em;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1.6em;
}

@media (max-width: 600px) {
  #c_footer_area h3 {
    font-size: 1.1rem;
  }

  #c_footer_area h4 {
    font-size: 1rem;
  }

  #c_footer_area p {
    line-height: 1.4em;
  }

  #c_footer_area .center.tel_and_mail p {
    display: block;
    padding: 0px;
  }

  #c_footer_area h3, #c_footer_area h4, #c_footer_area p, #c_footer_area .center {
    /* text-align:left !important; */
  }

  #c_footer_area h3 br, #c_footer_area h4 br, #c_footer_area p br {
    display: none;
  }

  #c_footer_area .footer_tel_cta .tel-border {
    width: 100%;
    border-top: none;
    margin-left: auto;
    padding: 2% 0.75rem;
  }

  #c_footer_area .tel_and_mail span.badge {
    /* display: block; */
    /* width: 100px; */
    /* margin: 0 auto 1em; */
    margin: 0 auto;
    letter-spacing: 0;
    clear: both;
    /* display: block; */
    /* margin: 0; */
    margin-right: 10px;
  }

  #c_footer_area .tel_and_mail span.tel_no {
    font-size: 1.8em;
    display: inline;
    text-align: center;
  }

  #c_footer_area .tel_and_mail p:first-child {
    display: block;
    overflow: hidden;
    background: #0d6e53;
    border-radius: 5px;
    color: #FFF;
  }

  #c_footer_area .tel_and_mail p:first-child a {
    color: #FFF;
  }

  #c_footer_area .tel_and_mail p:first-child span.badge {
    background: #FFF;
    color: #0d6e53;
  }

  #c_footer_area p a.btn {
    width: 100%;
  }
}

/*.BottomBanner*/
/*#c_footer_area .BottomBanner {}*/
.BottomBanner {
  display: flex;
}

.BottomBanner .Bnr {
  color: #FFF;
  float: none;
  height: 240px;
  text-align: center;
  padding: 2.75rem .75rem 1rem;
  background: url(../images/base/bg_jigyousyo.png) center center no-repeat;
  background-size: cover;
  display: block;
  overflow: hidden;
}

.BottomBanner .Bnr a {
  color: #FFF
}

.BottomBanner .Bnr p {
  font-size: 1.05em;
  /* font-weight: bold; */
}

.BottomBanner .Bnr h6 {
  font-size: .9em;
  margin: 1em auto 1em;
  line-height: 1.4em;
}

.BottomBanner .Bnr .btn-flat {
  margin: 0 auto;
  border: none;
  background: none;
  font-weight: bold;
  min-width: 60%;
  text-align: center;
  letter-spacing: 1px;
  padding: .3rem;
  height: auto;
  font-size: 1em;
}

.BottomBanner .Bnr .btn-flat:hover {
  background: none;
}

.BottomBanner .Bnr .btn-flat img {
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 15px;
}

.BottomBanner .Bnr .btn-flat.Green {
  background: #0d6e53;
}

.BottomBanner .Bnr .btn-flat.Green:hover {
  background: #26a69a;
}

.BottomBanner .Bnr.Bnr-Jigyousyo {
  background-image: url(../images/base/bg_jigyousyo.png);
}

.BottomBanner .Bnr.Bnr-Tosyositsu {
  background-image: url(../images/base/bg_tosyositsu.png);
}

.BottomBanner .Bnr.Bnr-Jigyousyo {
  background-image: url(../images/base/bg_member_small.png);
}

.BottomBanner .Bnr.Bnr-Recruit {
  background-image: url(../images/base/bg_recruit.png);
}

.BottomBanner .Bnr.Bnr-ServiceContact {
  background-image: url(../images/base/bg_soudan.png);
  height: 351px;
}

.BottomBanner .Bnr.Bnr-ServiceContact .btn-flat {
  min-width: auto;
  padding: .3rem 20px;
  margin-bottom: 3em;
}

@media (max-width: 768px) {
  .BottomBanner {
    display: inherit;
  }

  .BottomBanner .Bnr p {
    font-size: 1em;
    font-weight: normal;
    line-height: 1.4em;
  }

  .BottomBanner .Bnr p br {
    display: none;
  }

  .BottomBanner .Bnr {
    height: auto;
    padding: 1.75rem .75rem;
    margin: 0 auto .75rem;
  }

  .BottomBanner .Bnr .btn-flat {
    min-width: 80%;
    letter-spacing: 0;
    padding: .3rem;
    line-height: 1.4em;
    margin-bottom: 1em;
  }

  .BottomBanner .Bnr.Bnr-ServiceContact {
    height: auto;
  }

  .BottomBanner .Bnr h6 {
    font-size: .8em;
  }
}

/* About ==========================================================*/
/*#CEO-message*/
#CEO-message {}

#CEO-message .CEO {
  background: #FFF url(../images/about/rijicyou2017.png ) right 0px bottom no-repeat;
  height: 203px;
  vertical-align: middle;
  display: table;
  width: 80%;
  margin: 0 auto 2em 10%;
}

#CEO-message .CEO h3 {
  vertical-align: middle;
  display: table-cell;
  padding-left: 5%;
  line-height: 1.6em;
}

#CEO-message p {
  width: 80%;
  margin: .75rem auto;
}

#CEO-message li {
  width: 80%;
  margin: 0 auto;
}

@media (max-width: 600px) {
  #CEO-message .CEO {
    height: 250px;
    width: 100%;
    margin: 0 auto 2em;
    background-size: 230% auto;
  }

  #CEO-message .CEO h3 {
    padding-left: 0;
    display: block;
    font-size: 1.2em;
    width: 90%;
    margin: 2em auto 0;
  }

  #CEO-message .CEO h3 br {
    display: none;
  }

  #CEO-message p {}

  #CEO-message li {}
}

/* membersite ==========================================================*/
body#membersite {}

body#membersite .membersite-gatebutton {
  text-align: center;
}

body#membersite .membersite-gatebutton li {
  display: inline-flex;
  border-radius: 4px;
  margin: 1em;
}

body#membersite .membersite-gatebutton .membersite-IjiLogin {
  background: #c39713;
  background: -webkit-linear-gradient(to right, #c39713, #D1913C);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #c39713, #D1913C);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

body#membersite .membersite-gatebutton .membersite-WebLogin {
  background: #2f92ae;
  background: -webkit-linear-gradient(to right, #2f92ae, #0d6e53);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2f92ae, #0d6e53);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

body#membersite .membersite-gatebutton .membersite-IjiLogin a, body#membersite .membersite-gatebutton .membersite-WebLogin a {
  padding: 15px 30px;
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
  /* border-radius: 4px; */
  /* box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.9); */
  /* border: 2px solid #FFF; */
}

body#membersite .membersite-gatebutton .membersite-IjiLogin a:hover {
  background: #94710a;
}

body#membersite .membersite-gatebutton .membersite-WebLogin a:hover {
  background: #17677d;
}

body#membersite .membersite-gatebutton .membersite-IjiLogin img, body#membersite .membersite-gatebutton .membersite-WebLogin img {
  display: block;
  margin-right: 10px;
  vertical-align: middle;
  padding-top: 4px;
}

body#membersite #MemberGuideContents {
  /* display: flex; */
  width: 100%;
}

body#membersite #MemberGuideContents .MemberIjiArea, body#membersite #MemberGuideContents .MemberWebArea {}

body#membersite #MemberGuideContents .MemberIjiArea {
  background: #e3dbc3;
}

body#membersite #MemberGuideContents .MemberIjiArea .container {
  float: right;
}

body#membersite #MemberGuideContents .MemberWebArea {
  background: #dff5f2;
}

body#membersite #MemberGuideContents .MemberWebArea .container {
  float: left;
}

body#membersite #MemberGuideContents .MemberWebArea .container, body#membersite #MemberGuideContents .MemberIjiArea .container {
  width: 480px;
  text-align: left;
  padding: 20px 20px 50px;
}

body#membersite #MemberGuideContents .MemberIjiArea h3, body#membersite #MemberGuideContents .MemberWebArea h3 {
  font-size: 1.6em;
}

body#membersite #MemberGuideContents .MemberIjiArea p a, body#membersite #MemberGuideContents .MemberWebArea p a {
  color: #333;
  text-decoration: underline;
}

body#membersite #MemberGuideContents .container dl {
  margin: 2em auto;
  min-height: 30em;
}

body#membersite #MemberGuideContents .container dt {
  font-size: 1em;
  font-weight: bold;
  margin: 0 auto 3px;
  padding-left: 1em;
  background: url(../images/base/arrow_right_glay01.png) left 2px top 31px no-repeat;
}

body#membersite #MemberGuideContents .container dt span {
  display: block;
  background: #333;
  color: #FFF;
  width: 110px;
  text-align: center;
  margin: 0 0px 5px -1em;
  padding: 3px;
  text-transform: uppercase;
  font-size: .75em;
  font-weight: normal;
}

body#membersite #MemberGuideContents .MemberIjiArea .container dt span {
  background: #c39713;
}

body#membersite #MemberGuideContents .MemberWebArea .container dt span {
  background: #2f92ae;
}

body#membersite #MemberGuideContents .container dd {
  margin: 0 0 1em;
  padding-left: 1em;
  font-size: .9em;
}

body#membersite .gate-nav .col {
  height: 150px;
}

@media (max-width: 768px) {
  body#membersite .membersite-gatebutton li {
    display: inline-flex;
    width: 48%;
    display: block;
    float: left;
    padding: 3% 2%;
    margin: 0 1%;
  }

  body#membersite .membersite-gatebutton .membersite-IjiLogin a, body#membersite .membersite-gatebutton .membersite-WebLogin a {
    padding: 0px;
    color: #FFF;
    font-size: .9em;
  }

  body#membersite .membersite-gatebutton .membersite-IjiLogin a img, body#membersite .membersite-gatebutton .membersite-WebLogin a img {
    margin-right: 2px !important;
    padding-top: 5px;
    width: 10px !important;
    display: block;
  }

  body#membersite #MemberGuideContents .MemberWebArea .container, body#membersite #MemberGuideContents .MemberIjiArea .container {
    width: 100%;
    text-align: left;
    padding: 20px 20px 50px;
    float: none;
  }

  body#membersite .gate-nav .col {
    height: auto;
  }
}

/* bottom_conents_area ===============================*/
#bottom_conents_area {}

#bottom_conents_area.AboutMemberContents {
  background: url(../images/base/bg_member_bottom.png) center center no-repeat;
  background-size: cover;
  color: #FFF;
  margin: 3em auto -5em;
  padding: 1em 0 4em;
}
#visitors.report #bottom_conents_area.AboutMemberContents {
  margin: 3em auto -7em;
}

#bottom_conents_area.AboutMemberContents h2 {
  font-size: .8em;
  color: #0d6e53;
  line-height: 1.6em;
  font-weight: normal;
  text-transform: uppercase;
}

#bottom_conents_area.AboutMemberContents h2 span {
  font-size: 1.6em;
  color: #0d6e53;
}

#bottom_conents_area.AboutMemberContents h2 span img {
  display: block;
  text-align: center;
  margin: auto;
  padding-bottom: .5em;
}

#bottom_conents_area.AboutMemberContents .btn-flat {
  background: #0d6e53 !important;
  color: #FFF;
  border: none;
}

#bottom_conents_area.AboutMemberContents .btn-flat:hover {
  background: #26a69a !important;
}

@media (max-width: 600px) {
  #bottom_conents_area.AboutMemberContents {
    margin: auto;
    padding: 0 2em;
  }

  #bottom_conents_area.AboutMemberContents .leadtext.center {
    text-align: left;
  }

  #bottom_conents_area.AboutMemberContents .leadtext p {
    font-size: .9em;
    line-height: 1.6em;
  }

  #bottom_conents_area.AboutMemberContents .btn-flat {
    margin: 1em auto;
  }

  #visitors.report #bottom_conents_area.AboutMemberContents {
  margin: 3em auto -4em;
  }
}

/* before markup */
.defaultpage {
  /* border-top: 1px solid #e5eaef; */
  /* padding-top: 0; */
}

.defaultpage .container {
  width: 950px;
  box-shadow: 0px 0 10px rgba(17, 17, 17, 0.15);
  padding: 2em 50px;
  background: #FFF;
}

@media only screen and (max-width: 768px) {
  .defaultpage .container {
    width: 90%;
    padding: 2em;
  }
}

.defaultpage #MainContentsArea {
  margin: 2em 0;
}

.defaultpage img {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  background: #FFF;
}

.defaultpage .IMG_FloatRight {
  float: right;
  padding: 0 0 1em 2em;
  margin: 0;
}

.defaultpage .IMG_FloatLeft {
  float: left;
  padding: 0 2em 1em 0;
  margin: 0;
}

.defaultpage h2 {
  font-size: 1.3rem;
  text-align: center;
  margin: 4em auto 1em;
  /* font-weight: bold; */
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0;
  background-color: #565f6f;
  clear: both;
  color: #fff;
  text-shadow: 1px 3px 6px rgba(17, 17, 17, 0.5);
  width: 950px;
  margin-left: -66px;
  /* width: 100%; */
}

@media only screen and (max-width: 768px) {
  .defaultpage h2 {
    width: 100%;
    margin-left: 0;
  }

  .defaultpage h2::before {
    display: none;
  }

  .defaultpage h2::after {
    display: none;
  }
}

.defaultpage h2 br {
  display: none;
}

.defaultpage.fudousankenkyu h2 {
  font-size: 1.1em;
  letter-spacing: -1px;
  font-weight: bold;
}

.defaultpage.fudousankenkyu {
  text-align: justify;
}

.defaultpage h2:first-child {
  margin-top: 1em;
}

.defaultpage h2::before, .defaultpage h2::after {
  content: '';
  position: absolute;
}

.defaultpage h2::before {
  top: 100%;
  left: 0;
  border-width: 0 15px 15px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #3b434e;
}

.defaultpage h2::after {
  top: 0;
  right: 0;
  z-index: 2;
  border-width: 25px 20px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #ffffff;
}

.defaultpage h3 {
  border-bottom: 1px solid #e5eaef;
  padding: 1em 0;
  font-weight: bold;
  font-size: 1.2em;
  color: #3b434e;
}

.defaultpage h4 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 2em 0;
  line-height: 140%;
  color: #3b434e;
}

.defaultpage h5 {}

.defaultpage h6 {}

.defaultpage #ReportDay, .defaultpage #ReportDay2 {
  padding: 0em 1em;
  display: block;
  overflow: hidden;
  /* box-shadow: 1px 1px 3px rgba(17, 17, 17, 0.16); */
  border-radius: 5px;
  font-size: .8em;
  background: #f5f5f5;
}

.defaultpage .ReportBack {
  display: block;
  overflow: hidden;
  clear: both;
}

.defaultpage .ReportBack a {
  border: 1px solid #565f6f;
  padding: .5em .75em;
  float: right;
  clear: both;
  color: #111;
}

.defaultpage .ReportList03 {
  overflow: hidden;
  width: 100%;
  display: block;
}

.defaultpage .ReportList03 li {
  padding: .5em 0 .5em 1.5em;
  border-bottom: 1px solid #e5eaef;
  display: block;
  background: url(../images/base/arrow_right_blk01.png) left 10px center no-repeat #FFF;
}

.defaultpage .ReportList03 li a {
  color: #3b434e;
}

.defaultpage .ReportList03 li a:hover {
  color: #26a69a;
}

.defaultpage .btn-flat {}

.defaultpage .btn-flat img {
  display: inline;
  margin: 0 5px;
  vertical-align: middle;
  background: none;
}

.defaultpage .btn-flat img:first-child {
  margin-left: 0;
}

.defaultpage p.lead {
  margin: 0 auto;
  text-indent: 1em;
  color: #3b434e;
  line-height: 2rem;
  font-size: 1.05em;
  text-align: justify;
  overflow: hidden;
  /* padding: 20px; */
  /* border-bottom: 1px solid #e5eaef; */
  margin-bottom: 1em;
}

.defaultpage p.lead img {
  display: block;
  margin: 0 2em 2em auto;
  float: left;
}

/* before css copy */
.waku01Back {
  background: #fafafa;
  overflow: hidden;
  display: block;
  padding: 1em 2em;
  margin: 1em 0;
  clear: both;
}

.waku01, .waku02, .waku03, .waku04 {
  background: #FFF;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 1em 0;
  clear: both;
}

.waku01Back div.Clear {
  display: none;
}

.waku01 .FloatRight, .waku02 .FloatRight, .waku03 .FloatRight, .waku04 .FloatRight, .waku01Back .FloatRight {
  border-left: 1px solid #ddd;
}

.waku01 .FloatLeft, .waku02 .FloatLeft, .waku03 .FloatLeft, .waku04 .FloatLeft, .waku01Back .FloatLeft {}

.FloatRight, .FloatLeft {
  width: 50%;
}

.FloatRight {
  float: right;
  padding-left: 2%;
}

.FloatLeft {
  float: left;
  padding-right: 2%;
}

.BTN01, .BTN02, .BTN03, .BTN04, .BTN05, .BTN06, .BTN07, .BTN08, .BTN01Back {}

.BTN01Back {
  margin: auto;
  text-align: center;
}

.FloatRight .BTN01Back, .FloatLeft .BTN01Back {
  float: none;
  margin: auto;
  text-align: center;
}

.FloatRight .BTN01Back a, .FloatLeft .BTN01Back a {
  display: block;
  margin: auto;
}

.BTN01 a, .BTN02 a, .BTN03 a, .BTN04 a, .BTN05 a, .BTN06 a, .BTN07 a, .BTN08 a, .BTN01Back a {
  box-shadow: none;
  background-color: #FFF;
  background: url(../images/base/arrow_right_blk01.png) left 10px center no-repeat #FFF;
  color: #343434;
  cursor: pointer;
  transition: background-color .2s;
  border: 1px solid;
  font-weight: bold;
  text-decoration: none !important;
  width: auto;
  padding: .75em 1.5em .75em 2em;
  height: auto;
  line-height: initial;
  font-size: 1em;
  margin: 0em 0 1em;
  overflow: hidden;
  display: inline-block;
  min-width: 150px;
  /* text-align: center; */
}

.BTN01Back a {
  background: url(../images/base/arrow_left_b01.png) left 10px center no-repeat #FFF;
}

.BTN01 a img, .BTN02 a img, .BTN03 a img, .BTN04 a img, .BTN05 a img, .BTN06 a img, .BTN07 a img, .BTN08 a img, .BTN01Back a img {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 1px;
  line-height: 1px;
  margin-top: -2px;
  display: inline;
  margin-left: 5px;
}

.BTN01 a:focus, .BTN01 a:active, .BTN02 a:focus, .BTN02 a:active, .BTN03 a:focus, .BTN03 a:active, .BTN04 a:focus, .BTN04 a:active, .BTN05 a:focus, .BTN05 a:active, .BTN06 a:focus, .BTN06 a:active, .BTN07 a:focus, .BTN07 a:active, .BTN08 a:focus, .BTN08 a:active, .BTN01Back a:focus, .BTN01Back a:active {
  background-color: transparent;
}

.BTN01 a:focus, .BTN01 a:hover, .BTN02 a:focus, .BTN02 a:hover, .BTN03 a:focus, .BTN03 a:hover, .BTN04 a:focus, .BTN04 a:hover, .BTN05 a:focus, .BTN05 a:hover, .BTN06 a:focus, .BTN06 a:hover, .BTN07 a:focus, .BTN07 a:hover, .BTN08 a:focus, .BTN08 a:hover, .BTN01Back a:focus, .BTN01Back a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

.BTN01 a:active, .BTN02 a:active, .BTN03 a:active, .BTN04 a:active, .BTN05 a:active, .BTN06 a:active, .BTN07 a:active, .BTN08 a:active, .BTN01Back a:active {
  background-color: rgba(0, 0, 0, 0.2);
}

.BTN01 a.disabled, .BTN02 a.disabled, .BTN03 a.disabled, .BTN04 a.disabled, .BTN05 a.disabled, .BTN06 a.disabled, .BTN07 a.disabled, .BTN08 a.disabled, .BTN01Back a.disabled {
  background-color: transparent !important;
  color: #b3b3b3 !important;
  cursor: default;
}

.BTN05 {
  float: left;
  margin-left: .75em;
}

.BTN05:first-child {
  margin-left: 0;
}

.BTN05 a {
  font-size: .9em;
  min-width: initial;
  padding: .75em .75em .75em 1.5em;
}

.fudousankenkyu-nav {
  width: 100%;
  clear: both;
  overflow: hidden;
}

.fudousankenkyu-nav .BTN05 {
  margin: 0;
  width: 14%;
  padding: 0 0 0 1%;
}

.fudousankenkyu-nav .BTN05:first-child {
  padding: 0;
}

.fudousankenkyu-nav .BTN05 a {
  width: 100%;
  text-align: center;
  margin: 0;
}

.list01 {
  margin-left: 2px
}

.list01 li {
  background: url(../images/base/arrow_right_blk01.png) left .5em no-repeat;
  margin-bottom: .5em;
  padding: 0px 0 0 12px;
}

.PrivacyPolicy ul.list01 li {
  list-style: none !important;
}

.list02 {
  padding-left: 22px;
  margin-top: -8px
}

.list02 li {
  background: url(../images/base/arrow_right_blk01.png) left .5em no-repeat;
  padding: 0px 0 0 12px;
}

.list03 {
  padding-left: 25px
}

.list03 li {
  list-style-type: decimal !important;
}

.list03-2 {
  padding-left: 25px
}

.list03-2 li {
  list-style-type: decimal !important;
}

.list04 {
  margin-bottom: 25px
}

.list04 li {
  /* background:url(../images/base/arrow_right_blk01.png) left top no-repeat; */
  padding: .5%;
  margin: .5% 1%;
  float: left;
  width: 23%;
  /* font-size:120%; */
  border-bottom: 1px solid #e5eaef;
  min-height: 4em;
  vertical-align: bottom;
}

.list04 li.futosen {
  border-bottom: #999 solid 1px
}

.list04 li a {
  text-decoration: none !important;
}

.list04 li a:hover {
  color: #26a69a;
}

html>body .list03 li {
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.list01 li, .list02 li, .list03 li, .list04 li {
  font-size: .95em;
}

.list01 li img, .list02 li img, .list03 li img, .list04 li img {
  display: inline !important;
  vertical-align: middle;
  margin: 0 5px;
}

.list01 li a, .list02 li a, .list03 li a, .list04 li a {
  color: #3b434e;
  /* font-size: 1.1em; */
}

ol.list_parentheses {
  padding: 0 0 0 1.4em;
  margin: 0 0 1em 0;
}

ol.list_parentheses li {
  list-style-type: none;
  list-style-position: outside;
  counter-increment: cnt;
  /*text-indent: -1.4em;*/
  margin-bottom: .5em;
}

ol.list_parentheses li:before {
  display: marker;
  content: "("counter(cnt) ") ";
  width: 2em;
  text-align: center;
  display: block;
  float: left;
  margin-left: -2em;
}

#RightColumn {
  margin: 0 auto;
  padding: 0 0 2em 1%;
  text-align: left;
  width: 50%;
  float: right
}

#LeftColumn {
  margin: 0 auto;
  padding: 0 1% 2em 0;
  text-align: left;
  width: 50%;
  float: left;
  background: none
}

.backtop {
  float: right;
  clear: both;
  margin-bottom: 1em;
}

.text_pdf a {
  background: url(../images/base/arrow_right_blk01.png) left center no-repeat #FFF;
  padding-left: 15px;
  color: #333;
}

.text_pdf img {
  display: inline;
  margin: 0 5px;
  vertical-align: middle;
}

/*koyusei*/
.defaultpage #koyuuseigate {
  padding-bottom: 25px;
  clear: both;
  border-bottom: dotted 1px #CCC;
  overflow: hidden;
  margin-bottom: 30px;
  padding-top: 30px;
  display: block;
}

.defaultpage #koyuuseigate a {
  color: #333
}

.defaultpage #koyuuseigate .gate01 {
  float: left;
  width: 50%;
  text-align: left;
}

.defaultpage #koyuuseigate .gate01 img {
  text-align: left;
  margin: 0;
}

.defaultpage #koyuuseigate .gate02 {
  float: right;
  background: url(../img/report/koyusei/parts01.gif) left 4px no-repeat;
  padding: 0 0 2%;
  margin: 0 !important;
  width: 50%;
  color: #999;
  font-size: 12px;
  line-height: 22px;
}

.defaultpage #koyuuseigate h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  border: none;
  background: none;
  padding: 0 0 2px !important;
  margin: 0;
  /* color:#333; */
}

.defaultpage #koyuuseigate h4 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  border: none;
  background: none;
  padding: 0 0 2px;
  margin: 0;
  color: #333
}

.defaultpage #koyuuseigate h5 {
  font-size: 10px;
  line-height: 16px;
  font-weight: 700;
  border: none;
  background: none;
  padding: 0 0 14px;
  margin: 0;
  color: #027e8d
}

.defaultpage #koyuuseigate02 {
  padding: 30px 0 0;
  clear: both;
  overflow: hidden
}

.defaultpage #koyuuseigate02 a {
  color: #333
}

.defaultpage #koyuuseigate02 .gate01 {
  float: left;
  width: 20%;
}

.defaultpage #koyuuseigate02 .gate02 {
  float: left;
  background: url(../img/report/koyusei/parts01.gif) 0 3px no-repeat;
  padding: 0 2%;
  margin: 0 !important;
  width: 30%;
  color: #999;
  /* font-size:12px; */
  /* line-height:22px; */
}

.defaultpage #koyuuseigate02 .gate03 {
  border-left: 1px solid #dae1f4;
  display: block;
  float: left;
  width: 50%;
  padding-left: 2%;
  /* font-size:12px; */
  /* line-height:20px; */
  color: #999;
}

.defaultpage #koyuuseigate02 .gate03 ol {
  margin: 0;
  padding: 0;
}

.defaultpage #koyuuseigate02 .gate03 li {
  list-style-position: outside;
  list-style-type: upper-hexadecimal;
  padding-left: 0;
  margin-left: 18px;
  padding-bottom: 5px
}

.defaultpage #koyuuseigate02 h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  border: none;
  background: none;
  padding: 0 0 25px !important;
  margin: 0 !important;
  color: #333
}

.defaultpage #koyuuseigate02 h4 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  border: none;
  background: none;
  padding: 0 0 5px;
  margin: 0;
  color: #333
}

.defaultpage #koyuuseigate02 h5 {
  font-size: 10px;
  line-height: 16px;
  font-weight: 700;
  border: none;
  background: none;
  padding: 0 0 14px;
  margin: 0;
  color: #027e8d
}

.defaultpage #koyuuseimessage h3 {
  border-bottom: 1px solid #00a5d5;
  border-top: none;
  padding: 0;
  background: none
}

.defaultpage #koyuseidetailMain {
  /* position:absolute; */
  /* overflow:hidden; */
  /* top:357px; */
  text-align: center;
  /* width: 900px; */
  /* margin:0 0 0 -26px; */
  padding: 0;
  /* margin: 0 0 0 -26px; */
  width: 100%;
}

.defaultpage #koyuseidetailMain h2 {
  background: none !important;
  height: auto;
  padding: 0;
  margin: 0;
  width: 100%;
}

.defaultpage #koyuseidetailMain h2:before, .defaultpage #koyuseidetailMain h2:after {
  display: none;
}

.defaultpage #koyuseidetail {
  /* padding: 400px 0 30px; */
  /* font-size:14px; */
  /* line-height:26px; */
}

.defaultpage #koyuseidetail .FloatLeft, .defaultpage #koyuseidetail .FloatRight {
  width: 100%;
  float: none;
  clear: both;
}

.defaultpage #koyuseidetail img.FloatLeft, .defaultpage #koyuseidetail img.FloatRight {
  width: auto;
  float: inherit;
  clear: inherit;
}

.defaultpage #koyuseidetail img.FloatLeft {
  float: left;
  clear: none;
}

.defaultpage #koyuseidetail img.FloatRight {
  float: right;
  clear: none;
}

.defaultpage #koyuseidetail h3 {
  /* font-size:16px; */
  /* line-height:20px; */
  px;
  */ font-weight: 700;
  /* border:none; */
  /* background:none; */
  /* padding:0 50px 5px!important; */
  /* margin:0!important; */
  /* color:#333; */
}

.defaultpage #koyuseidetail h3.KoyuseiH3Title {
  /* font-size:18px; */
  /* line-height:27px; */
  /* font-weight:700; */
  /* padding:0 10px 0 25px !important; */
  /* margin:0 0 20px 24px !important; */
  /* color:#333; */
}

.defaultpage #koyuseidetail h3.KoyuseiH3Title br {
  display: none;
}

.defaultpage #koyuseidetail h4 {
  /* font-size:14px; */
  /* line-height:18px; */
  /* font-weight:400; */
  /* border:none; */
  /* background:none; */
  /* padding:0 50px 5px; */
  /* margin:0; */
  /* color:#333; */
}

.defaultpage #koyuseidetail h4 strong {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700 !important
}

.defaultpage #koyuseidetail h5 {
  font-size: 14px;
  /* line-height:16px; */
  font-weight: 700;
  /* background:none; */
  padding: 0 0px 10px;
  margin: 0 0 30px;
  border-bottom: 1px solid #027e8d !important;
  color: #027e8d;
  border-top: none !important;
}

.defaultpage #koyuseidetail ul {
  /* font-size:14px; */
  /* line-height:26px; */
  /* padding:0 50px 30px; */
  list-style-type: disc;
  margin-left: 20px;
  list-style-position: outside;
}

.defaultpage #koyuseidetail ul li {
  list-style-type: disc;
}

.defaultpage #koyuseidetail p {
  /* font-size:14px; */
  /* line-height:26px; */
  /* padding:0 50px 30px */
}

.defaultpage #koyuseidetail p br {
  display: none;
}

.defaultpage #koyuseidetail p strong {
  color: #7a0910;
}

.defaultpage #koyuseidetail p em {
  font-size: 12px
}

.defaultpage #koyuseidetail p .FloatLeft {
  padding: 0 15px 0 0
}

.defaultpage #koyuseidetail p .FloatRight {
  padding: 0 0 0 15px
}

.defaultpage #koyuseidetail .koyusei_b_navi {
  padding: 0;
  margin: 3em auto 0;
  width: initial;
  text-align: left;
  height: auto;
  clear: both;
  border-top: 1px solid #CCC;
}

.defaultpage #koyuseidetail .koyusei_b_navi ol {
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  list-style-type: decimal;
  margin-left: 77px;
  list-style-position: outside
}

.defaultpage #koyuseidetail .koyusei_b_navi ol li {
  padding-bottom: 10px
}

.defaultpage #koyuseidetail .koyusei_b_navi ul li {
  /* font-size:14px; */
  /* padding-bottom:10px; */
  /* line-height:15px; */
  list-style-position: outside;
  list-style-type: decimal;
  margin-bottom: .5em;
}

.defaultpage #koyuseidetail .koyusei_b_navi ul li br {
  display: none;
}

.defaultpage .NonProfLeft {
  /* width:545px; */
  /* float:left; */
}

.defaultpage .NonProfLeft p {
  /* padding:0 20px 30px 50px !important */
}

.defaultpage .ProfRight {
  /* width:302px; */
  /* background:#eee; */
  display: block;
  /* float:right; */
  overflow: hidden;
}

.defaultpage .ProfRight img {
  padding: 0 2em 0 0;
  float: left;
}

.defaultpage .ProfRight p {
  /* font-weight:400!important; */
  /* font-size:12px!important; */
  /* line-height:18px!important; */
  /* color:#666!important; */
  /* padding:0 15px 15px!important; */
  /* margin:0!important; */
}

.defaultpage .ProfRight p strong {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #333 !important;
  text-decoration: none !important
}

/*booklistdetail*/
.booklistdetail {}

.booklistdetail h3 {
  clear: both;
  border-bottom: none;
  border-top: 1px solid #e5eaef;
  font-size: 1.4em;
  padding: 1em 0;
  margin: 1em 0 0em;
  overflow: hidden;
}

.booklistdetail .FloatLeft {
  width: 25%;
}

.booklistdetail .FloatLeft img {
  text-align: left;
  margin: 0;
}

.booklistdetail .TextFloatRight {
  display: block;
  float: left;
  overflow: hidden;
  width: 75%;
  padding-bottom: 1em;
}

@media (max-width: 600px) {
  img {
    max-width: 100%;
    height: auto;
  }

  .defaultpage .container {
    width: 96%;
    padding: .5em;
  }

  .FloatRight, .FloatLeft {
    width: 100%;
    padding: 2% 0;
  }

  .defaultpage h2 {
    font-size: 1em;
    text-align: center;
    margin: 1em auto;
    font-weight: bold;
    position: relative;
    height: auto;
    line-height: 1.2em;
    padding: 1em;
    width: 100%;
  }

  .defaultpage h2::before, .defaultpage h2::after {
    display: none;
  }

  #RightColumn, #LeftColumn {
    margin: 0 auto 1em;
    padding: 0 0 2em;
    width: 100%;
    float: none;
  }

  .defaultpage .IMG_FloatRight, .defaultpage .IMG_FloatLeft {
    float: none;
    padding: 1em 0;
    margin: 0;
  }

  /*koyusei*/
  .defaultpage #koyuuseigate .gate01, .defaultpage #koyuuseigate .gate02, .defaultpage #koyuuseigate02 .gate01, .defaultpage #koyuuseigate02 .gate02, .defaultpage #koyuuseigate02 .gate03 {
    float: none;
    width: 100%;
    padding: 0 0 1em;
  }

  .defaultpage #koyuuseigate02 .gate03 {
    border-left: none;
    border-bottom: 1px solid #ccc;
  }

  .defaultpage #koyuuseigate02 h3 br {
    display: none;
  }

  .list04 {
    display: flex;
    flex-wrap: wrap;
  }

  .list04 li {
    width: 48%;
    min-height: auto;
    padding: .5em 0;
  }
}

/* Share */
#ShareArea {
  display: flex;
  margin: auto;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
}

#ShareArea .Facebook {
  /* display: inline; */
}

#ShareArea .Tweet {
  /* display: inline; */
  margin-top: 1px;
  margin-left: 1rem;
}

/* sitemap */
#sitemap_list {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

#sitemap_list a {
  text-decoration: none;
  color: #444;
  display: block;
  width: 100%;
}

#sitemap_list a:hover {
  color: #26a69a;
  text-decoration: underline;
}

#sitemap_list li {
  font-size: medium;
  text-indent: 0;
  padding: 10px 0 10px 0px;
  margin: 0 0 10px;
  list-style-type: none;
  border-top: 1px solid #565f6f;
  font-weight: bold;
}

#sitemap_list li ul {
  margin: 0;
  padding: 5px 0 0 0;
  border-top: 1px solid #e5eaef;
}

#sitemap_list li li {
  font-size: small;
  font-weight: normal;
  background: url(../images/base/arrow_right_blk01.png) no-repeat 0 0.5em;
  margin: 0 0 3px 15px;
  padding: 0 0 0 15px;
  border-top: none;
}

#sitemap_list li li li {
  background: url(../images/base/arrow_right_blk01.png) no-repeat 0 0.5em;
  border-top: none;
}

#sitemap_list .posts_in_category {
  position: absolute;
  padding-left: 10px;
}

#sitemap_list .posts_in_category a {
  background: url(../images/base/arrow_right_blk01.png) no-repeat center;
  text-indent: -9999px;
  display: block;
  width: 1.2em;
  height: 1.2em;
  border: solid 1px #ccc;
}

/* tabMenu FAQ */
.tabContainer {
  /* width: 850px; */
  width: 100%;
  margin: 3em 0;
}

.tabContainer .table04 {
  font-size: 12px;
}

.tabContainer .table04 tr {
  border-bottom: 1px solid #d0d0d0;
}

.tabMenu {
  /* height:10px; */
  border-bottom: 1px solid #565f6f;
  /* height: 2.5em; */
  height: auto;
  overflow: hidden;
}

.tabContainer ul.tabMenu li {
  float: left;
  /* margin-right: 5px; */
  /* padding: 0; */
  /* position: relative; */
  /* font-size:14px; */
  line-height: 2em;
  /* margin-top: -1px; */
}

.tabContainer ul.tabMenu li a {
  display: block;
  float: left;
  padding: .25em 1em;
  text-decoration: none;
  background: url(../images/base/arrow_right_blk01.png) left center no-repeat;
  border-bottom: 1px solid #e5eaef;
  color: #18798a;
  margin-right: .5em;
}

.tabContainer ul.tabMenu li.active a {
  position: relative;
  /* top: 1px; */
  border-left: 1px solid #e5eaef;
  /* background:url(../img/base/bg_qa.gif) no-repeat right top; */
  color: #ffffff;
  background: #565f6f;
}

.tabContainer ul.tabMenu li a:hover {}

/* Q&A */
.tabContainer dl {
  clear: both;
  width: 820px;
  padding: 15px;
}

/* Q */
.tabContainer dl dt {
  margin: 0 0 5px;
  padding-left: 20px;
  background: url(../images/base/arrow_right_blk01.png) left .5em no-repeat;
  font-size: 100%;
}

/* A */
.tabContainer dl dd {
  margin-bottom: 15px;
  padding: 0 10px 10px 25px;
  border-bottom: 1px dotted #CCC;
  color: #666;
  font-size: 100%;
  overflow: hidden;
  display: block;
}

.tabContainer dl dd p {
  display: inline;
}

.tabContainer dl dd ul {
  /* margin: -1.5em 0 0 1em; */
  padding: 0;
  margin: 0 0 1em 1em;
}

.tabContainer dl dd ul li {
  list-style: disc;
  margin-left: 2em;
  background: none;
  margin-bottom: .5em;
}

.tabContainer dl dd .card {
  margin-left: 2em;
}

.tabContainer dl dd .card-title {
  font-size: 1.2em;
  font-weight: bold;
  line-height: initial !important;
  border-bottom: 1px solid #CCC;
  display: block;
}

.tabContainer dl dd .card h4 {
  margin: 1em auto;
  font-size: 1em;
}

.tabContainer dl dd .card p {
  display: block;
  margin-bottom: .5em;
  overflow: hidden;
}

.tabContainer dl dd .card p img {
  display: block;
  overflow: hidden;
}

/* kisochishiki */
.tabContainer.kisochishiki {}

.tabContainer.kisochishiki dl dd p {
  display: block;
  margin-bottom: 1em;
  overflow: hidden;
}

@media (max-width: 768px) {
  .tabContainer dl {
    width: 100%;
  }

  .tabContainer dl dd {
    padding: 0 0px 0 0px;
    margin-left: 20px;
    font-size: .9em;
  }

  .tabContainer ul.tabMenu li {
    float: none;
    width: 100%;
  }

  .tabContainer ul.tabMenu li a {
    float: none;
    width: 100%;
    border-right: 1px solid #e5eaef;
  }

  .tabContainer ul.tabMenu {
    height: auto;
  }

  .tabContainer .table04 {
    /* margin: 0 -10px; */
  }

  .tabContainer .table04 thead {
    border-bottom: none;
  }

  .tabContainer .table04 tr {
    display: block;
    margin-bottom: 10px;
  }

  .tabContainer .table04 th {
    display: block;
    width: 100%;
  }

  .tabContainer .table04 td {
    display: list-item;
    width: 90%;
    margin-left: 10%;
    border: none;
  }

  .tabContainer .table04 th, .tabContainer .table04 td {
    padding: 5px 10px;
    /* border: 1px solid #ddd; */
    word-break: break-all !important;
  }

  .tabContainer .table04 th br, .tabContainer .table04 td br {
    display: none;
  }
}

#accordion a {
  color: #565f6f;
}

.tabContainer #c_footer_area {
  padding: 1em;
}

.tabContainer #c_footer_area h4 {
  margin: 0;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 auto 2em;
  color: #333;
  font-weight: bold;
}

.tabContainer #c_footer_area .tel_and_mail {}

.tabContainer #c_footer_area .tel_and_mail h5 {
  font-size: 1.2rem;
  text-align: center;
  margin: .5em auto;
  color: #0d6e53;
  font-weight: bold;
}

.tabContainer #c_footer_area .tel_and_mail p {}

/*gigyousyo*/
#GigyousyoList .table02 {
  margin-bottom: 2em;
}

#GigyousyoList .table02 th, #GigyousyoList .table02 td {
  padding: .5em 1em;
}

#GigyousyoList #honsya dl {
  padding: 10px 0;
  font-size: 12px;
  line-height: 110%;
  width: 400px
}

#GigyousyoList #honsya dt {
  float: left;
  width: 170px;
  height: 20px
}

#GigyousyoList #honsya dd {
  height: 20px
}

#GigyousyoList #honsya {
  padding-bottom: 20px
}

#GigyousyoList .zenkoku {
  width: 33.33333%;
  float: left;
  padding: 1%;
  display: block;
  margin: 0;
  overflow: hidden;
}

#GigyousyoList .zenkoku h3 {
  font-size: 100%;
  padding: 10px 0 15px;
  background: none;
  margin: 10px 0 0
}

#GigyousyoList .zenkoku h4 {
  font-size: 88%;
  clear: both;
  margin: 0;
  line-height: 120%;
  font-weight: 400
}

#GigyousyoList .zenkoku p {
  font-size: 70%;
  line-height: 150%;
  color: #9d9d9d
}

#GigyousyoList .zenkoku h2 {
  font-size: .8em;
  background: none;
  color: #ffffff;
  font-weight: bold;
  text-shadow: none;
  text-align: left;
  padding: .5em;
  margin: 3em 0 1em;
  background: #3b434e;
  line-height: 1.2em;
  height: auto;
  width: initial;
  text-align: center;
  overflow: hidden;
  display: block;
  width: 100%;
}

#GigyousyoList .zenkoku h2:first-child {
  margin-top: 0;
}

#GigyousyoList .zenkoku h2:before, #GigyousyoList .zenkoku h2:after {
  display: none;
}

#GigyousyoList .zenkoku h5 {
  padding: 1em 0 .5em;
  font-size: 1.2em;
  border-top: 1px solid #e5eaef;
  margin: 0;
}

#GigyousyoList .zenkoku h5:first-child {
  border-top: none;
}

#GigyousyoList .zenkoku h4 a {
  display: block;
  background: url(../images/base/arrow_right_gray01.png) left no-repeat;
  padding: 5px 0 5px 30px;
  font-weight: bold;
  font-size: 1.1em;
  color: #565f6f;
}

#GigyousyoList .zenkoku a:hover {
  color: #26a69a;
}

#ChikaArea {
  /* padding-top:0; */
  /* clear:both; */
  overflow: hidden;
  display: block;
  border: 2px solid #e0e0e0;
  padding: 20px 30px;
  margin-top: 70px;
}

#ChikaArea h3 {
  text-align: center;
  font-weight: bold;
  color: #0d6e53;
  font-size: 1.6em;
  margin: 0;
  clear: both;
}

#ChikaArea #tika_title {
  text-align: right;
  float: right;
  margin-top: -23px;
}

#ChikaArea #magazine_list2,
#ChikaArea #magazine_list {
  /* overflow: hidden; */
  display: block;
}

#ChikaArea #magazine_list2 dl,
#ChikaArea #magazine_list dl {
  clear: both;
  display: table;
  width: 100%;
  overflow: hidden;
  padding: .5em 0;
  border-top: 1px solid #e5eaef;
  border-bottom: 1px solid #e5eaef;
  margin: 0;
}

#ChikaArea #magazine_list2 dt, #ChikaArea #magazine_list2 dd,
#ChikaArea #magazine_list dt, #ChikaArea #magazine_list dd {
  float: left;
  font-size: 1px;
  line-height;
  1px vertical-align: middle;
  margin: 0 auto;
  padding: 0;
}

#ChikaArea #magazine_list2 dt, #ChikaArea #magazine_list2 dd,
#ChikaArea #magazine_list dt, #ChikaArea #magazine_list dd {
  width: 50%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  float: none;
}

#ChikaArea #magazine_list2 dt img, #ChikaArea #magazine_list2 dd img,
#ChikaArea #magazine_list dt img, #ChikaArea #magazine_list dd img {
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  display: block;
  margin: auto;
}

#ChikaArea #magazine_list2 #LeftColumn,
#ChikaArea #magazine_list #LeftColumn {
  padding: 0 2em 0 0;
}

#ChikaArea #magazine_list2 #RightColumn,
#ChikaArea #magazine_list #RightColumn {
  padding: 0 0 0 2em;
}

#ChikaArea #magazine_list2 #LeftColumn strong, #ChikaArea #magazine_list2 #RightColumn strong,
#ChikaArea #magazine_list #LeftColumn strong, #ChikaArea #magazine_list #RightColumn strong {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  display: block;
  color: #565f6f;
  margin: 0;
  padding: 0;
  display: none;
}

#JigyosyoGaiyo {
  margin-bottom: 30px;
  clear: both;
  background: url(../img/base/waku03_bottom.gif) left bottom no-repeat;
  width: 574px;
  float: left
}

#JigyosyoGaiyo p {
  font-size: 100%;
  line-height: 180%;
  letter-spacing: 1px;
  padding: 20px;
  margin: 0;
  background: url(../img/base/waku03_top.gif) left top no-repeat;
  color: #018090
}

#JigyosyoSonota {
  /* padding:30px 50px; */
  /* line-height:180%; */
  /* letter-spacing:1px; */
  /* background-color:#f8f8f8; */
  /* clear:both; */
  margin-top: 3em;
}

* html #JigyosyoSonota {
  zoom: 1
}

:first-child+html #JigyosyoSonota {
  zoom: 1
}

@media (max-width: 600px) {
  #GigyousyoList .zenkoku {
    width: 100%;
    float: none;
  }

  #GigyousyoList .zenkoku p br {
    display: none;
  }

  #GigyousyoList .zenkoku p {
    clear: both;
    /* display: none; */
  }

  #GigyousyoList .zenkoku p br {
    display: block;
  }

  #GigyousyoList .zenkoku h5 {
    font-size: 1.1em;
    margin: 0;
    padding: 15px 0 0;
  }

  #GigyousyoList .zenkoku h2 {
    margin: 40px 0;
    font-size: 1em;
  }

  #GigyousyoList .zenkoku h4 {
    float: right;
    margin-top: -27px;
    /* font-size: .8em; */
    border: 1px solid #565f6f;
    padding: 8px;
    margin-bottom: 6px;
    border-radius: 5px;
    font-size: .7em;
  }

  #GigyousyoList .table02,
  #GigyousyoList .table02 tr {
    border: none;
    background: none;
  }

  #GigyousyoList .table02 th {
    display: none !important;
  }

  #GigyousyoList .table02 th,
  #GigyousyoList .table02 td {
    display: block;
    width: 100%;
    padding: 0px 5px;
    border: none;
  }

  #GigyousyoList .table02 th br,
  #GigyousyoList .table02 td br {
    display: none;
  }

  #GigyousyoList .table02 tr {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #e5eaef;
  }

  #ChikaArea #magazine_list2 #LeftColumn, #ChikaArea #magazine_list2 #RightColumn,
  #ChikaArea #magazine_list #LeftColumn, #ChikaArea #magazine_list #RightColumn {
    padding: 0 0 1em;
  }

  #ChikaArea #tika_title {
    text-align: center;
    float: none;
    margin: 10px auto 0;
  }
}

/*form */
#FormArea {}

#FormArea textarea {
  /* height:10em; */
}

#FormArea p.lead {
  clear: both;
}

#FormArea em {
  text-align: right;
  float: right;
  color: #999;
  font-style: normal;
  font-weight: bold;
  margin: .25em .5em 0;
  font-size: .8em;
}

#FormArea .dl-tableList01 dt, #FormArea .dl-tableList01 dd, #FormArea .dl-tableList02 dt, #FormArea .dl-tableList02 dd {
  margin: auto;
  padding: 0;
  width: auto;
}

#FormArea .dl-tableList01 dd, #FormArea .dl-tableList02 dd {
  border-bottom: none;
}

#FormArea .dl-tableList01 dt, #FormArea .dl-tableList02 dt {
  padding: 2em 0 0;
  border-bottom: none;
  width: 100%;
}

#FormArea .waku01 {
  /* box-shadow: 1px 1px 10px rgba(17, 17, 17, 0.18); */
  border-radius: 3px;
  padding: 1em;
  text-align: center;
  margin: 2em auto 0;
  border: 2px solid #26a69a;
}

#FormArea .waku01 p {
  text-align: center;
  margin: 1em auto;
}

#FormArea button {
  margin: 1em auto;
  font-size: 1.2em;
}

#FormArea button.syusei {
  background: #e5eaef;
  color: #111;
}

/* tika-map */
#tikamap {}

#tikamap .tika-map {}

#tikamap .tika-map iframe {}

@media (max-width: 700px) {
  #tikamap {}

  #tikamap .tika-map {}

  #tikamap .tika-map iframe {
    width: 632px;
  }

  #tikamap .defaultpage .container {
    width: 632px;
    padding: 0;
  }

  #tikamap #c_head_area h1 {
    font-size: 1.4rem;
    margin: 1em auto 1em;
    color: #3b434e;
  }
}

/* PrivacyPolicy */
.PrivacyPolicy a {
  text-decoration: underline;
}

.PrivacyPolicy ul {}

.PrivacyPolicy ul li {}

.PrivacyPolicy ol li ul,
.PrivacyPolicy ol li ol,
.PrivacyPolicy ul li ul {
  margin: .5em 0 1em 2em !important;
}

.PrivacyPolicy ol li ul li,
.PrivacyPolicy ol li ol li,
.PrivacyPolicy ul li ul li {
  margin: .2em;
  list-style-type: none !important;
  list-style-position: inside !important;
  counter-increment: cnt !important;
  text-indent: -1.4em;
}

.PrivacyPolicy ol li ol li:before,
.PrivacyPolicy ul li ul li:before {
  display: marker;
  content: "("counter(cnt) ") ";
}

.PrivacyPolicy ol li ol li ul li,
.PrivacyPolicy ul li ul li ul li {
  margin: .2em;
  list-style-type: none !important;
  list-style-position: inside !important;
  counter-increment: none !important;
  text-indent: 0;
}

.PrivacyPolicy ol li ol li ul li:before,
.PrivacyPolicy ul li ul li ul li:before {
  display: inline;
  content: none;
}

.PrivacyPolicy ol li ul.list01 li,
.PrivacyPolicy ul li ul.list01 li {
  list-style: disc !important;
  background: none;
  margin-left: 0;
  padding-left: 0;
  margin-left: .3em;
  text-indent: 0;
}

.PrivacyPolicy ol li ul.list01 li:before,
.PrivacyPolicy ul li ul.list01 li:before {
  display: inline;
  content: none;
}

/*land_human_column*/
.land_human_column {}

.land_human_column .col:nth-child(4n+1) {
  clear: both;
}

@media (max-width: 600px) {
  .land_human_column .col:nth-child(4n+1) {
    clear: none;
  }

  .land_human_column .col:nth-child(2n+1) {
    clear: both;
  }
}


/* recruit */

.rec-btn-mail {
    margin: 1em auto;
}
.rec-btn-mail a {
    background: #007ab9;
    padding: 10px 20px;
    border-radius: 5px;
    color: #FFF;
    width: 400px;
    display: block;
    margin: auto;
}
.rec-btn-mail a:hover {
    background: #26a69a;
}
.rec-btn-mail a i {
    margin: -2px 0 0 10px;
    vertical-align: middle;
}
.rec-btn-mail a br {
  display:none;
}

.rec-banner-sp_site {
  background:#e5eaef;
  padding:.5em;
}


.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%!important;
     height: 100%!important;
}

@media (max-width: 700px) {
  .rec-btn-mail a {
    width: auto;
  }
}

/* housing-news */
.MBOnly{display: none;}
.howsingnewspage .container{
  width: 950px;
  padding: 0 50px 2em;
}
.howsingnewspage .container .headArea .seriesImg{
  padding-left: 0;
}
.howsingnewspage .container .ttlArea{
  border-bottom: 1px solid #707070;
  height: 156px;
  margin-bottom: 3em;
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0;
}

.howsingnewspage .container .ttlArea h1.column_ttl{
  text-align: left;
  font-size: 20px;
  margin: 0;
}
.howsingnewspage .container .ttlArea h1.column_ttl span{
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}
.howsingnewspage .container .ttlArea h1.column_ttl p{
  line-height: 1.3; margin: 0;}
.howsingnewspage .container .ttlArea .column_writer{
  position: absolute;
  bottom: 5px;
  right: 0;
}
.howsingnewspage .container .ttlArea .column_writer p{
  margin: 0;
  text-align: right;
  line-height: 1.4;
}
.howsingnewspage #MainContentsArea{
  clear: both;
  overflow: hidden;
}
.howsingnewspage .container .housing-pdflink{
  border: #3B434E 2px solid;
  border-radius: 7px;
  padding: 27px 17px;
  overflow: hidden;
  width: 70%;
  margin:  1em auto 0;
  color: #000;
  font-weight: bold;
  text-align: center;
}
.howsingnewspage .container .housing-pdflink span{
  display: block;
  padding-top: 25px;
}
.howsingnewspage .container .backlink {
  margin-top: 6em;
  clear: both;
  overflow: hidden;
}

.howsingnewspage .container .backlink div:nth-child(2n-1){
  text-align: right;
}
.howsingnewspage .container p img{
  max-width: 100%;
  height: auto;
}

.howsingnewshead .container .ttlArea {padding: 2em 0 2em 3em;}
.howsingnewshead .ttlArea h1.column_ttl{
  padding: 0;
}
.howsingnewshead .container .ttlArea h1.column_ttl{
  text-align: left;
  font-size: 20px;
  margin: 0;
}
.howsingnewshead .container .ttlArea h1.column_ttl span{
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

.howsingnewspage.archive .container{width: auto;padding: 0;}
.howsingnewspage.archive .col:nth-child(3n+1){clear: both;}
.howsingnewspage.archive .frame{
  border: #3B434E 1px solid;
  border-radius: 7px;
  padding: 0;
  overflow: hidden;
  margin: 0 5% 10%;
}
.howsingnewspage.archive .number{
  background: #3B434E;
  padding: 10px 15px;
  color: #fff;
  font-size: 13px;
}
.howsingnewspage.archive .column_ttl{
  min-height: 100px;
  padding: 8px 15px;
  background: url(../images/information/housing_news-arrow.png) no-repeat center right 8px;
}
.howsingnewspage.archive .column_ttl p{
  margin: 0;
  color: #3B434F;
}
.Housing_news .card .card-action span.new{
  margin-left: 10px;
  background: #CC1A3C;
  padding:0 4px;
  color:#fff;
}

@media (max-width: 700px) {
  .PCOnly{display: none;}
  .MBOnly{display: block;}
  .howsingnewspage .container{width: 100%;padding: .8em;}
  #c_head_area.defaultpagehead h1{padding: 0;}
  .howsingnewspage .container .headArea .seriesImg{padding: 0;margin-bottom: 10px;}
  .howsingnewspage .container .headArea .seriesImg img{width: 100%;}
  .howsingnewspage .container .ttlArea{
    height: auto;
    margin-bottom: 1em;
    padding-bottom:.8em;
  }
  .howsingnewspage .container .ttlArea .column_writer{
    position: relative;
    text-align: right;
    padding-top: .8em;
    bottom: 0;
  }
  .howsingnewspage .container .housing-pdflink{
    width: 80%;
    padding: 15px 0;
  }
  .howsingnewspage .container .housing-pdflink span{
    padding-top: 0;
    padding-left: 10px;
    display: inline-block;
  }
  .howsingnewspage .container .backlink div:nth-child(2n-1){
      text-align: center;
      margin-bottom: 1em;
  }
  .howsingnewspage .container .backlink div{text-align: center;}
  .howsingnewshead .container .ttlArea{padding: 0;}
  #c_head_area.howsingnewshead .container h1.column_ttl{margin: 1em auto;}
  .howsingnewspage.archive .column_ttl{min-height: auto;}
}

/* thinkesgsdgs */
.thinkesgsdgs{margin-bottom: 4em;}
.thinkesgsdgs .inner{margin-bottom: 6em;}
.thinkesgsdgs h2{
  position: relative;
  text-align: center;
  font-size:26px;
  font-weight: normal;
}
.thinkesgsdgs h2 span{
  background: #fff;
  z-index: 10;
  position: relative;
  padding: 0 .4em;
}
.thinkesgsdgs h2.think-blue{color: #3B6FC3;}
.thinkesgsdgs h2.think-green{color: #0A887E;}
.thinkesgsdgs h2::before{left: 0;}
.thinkesgsdgs h2::after{right: 0;}
.thinkesgsdgs h2::before,
.thinkesgsdgs h2::after{
  position: absolute;
  top: 50%;
  content: '';
  width: 50%;
  height: 1px;
}
.thinkesgsdgs h2.think-blue::before,
.thinkesgsdgs h2.think-blue::after{
  background-color: #3B6FC3;
}
.thinkesgsdgs h2.think-green::before,
.thinkesgsdgs h2.think-green::after{
  background-color: #0A887E;
}
.thinkesgsdgs .genre ul {margin: 0;}
.thinkesgsdgs .genre ul li{display: inline;}
.thinkesgsdgs .genre.time{margin-bottom: .6em;}
.thinkesgsdgs .genre.time ul li:first-child{
  color: #000;
  font-size: .85rem;
  padding-left: 0;
}
.thinkesgsdgs .genre.time ul li:first-child::before{display: none;}
  .thinkesgsdgs .genre ul li {
  position: relative;
  padding-left: 5em;
  color: #C3C3C3;
  font-size: .9rem;
}
.thinkesgsdgs .genre ul li::before {
  left: 0;
  top: 50%;
  content: "";
  width: 48px;
  height: 1px;
  background-color: #C3C3C3;
  margin: 0 .5em;
  position: absolute;
}
.thinkesgsdgs .database {
  margin: 2em auto 0;
  font-size: .92rem;
  color: #3A434E;
}
.thinkesgsdgs .database:first-child {margin-top: 1.5em;}
.thinkesgsdgs .database p {
  line-height: 1.5;
}
.thinkesgsdgs .database p.ttl{margin-top: 6px;}

.thinkesgsdgs .contenedor {
  display: table;
  position: relative;
  margin-top: 1.8em;
  width: 100%;
}
.thinkesgsdgs .expand {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  position: relative;
/*  transition: 1s;*/
  border-top: 1px solid #aaa;
  padding-top: 1.5em;
}

.thinkesgsdgs .expand::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 25%;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 255), #ffffff);
    pointer-events: none;
    transition: .2s;
}

.thinkesgsdgs .contenedor input {
  visibility: hidden;
}

.thinkesgsdgs .contenedor label {
  position: absolute;
  top: -1.1em;
  display: block;
  font-size: .9em;
  color: white;
  z-index:999;
  cursor: pointer;
  width: 100%;
  font-size: .8rem;
  line-height: 1.8;
  height: 28px;
}

.thinkesgsdgs .contenedor label:before {
  content: "Background / Contents";
  background: url(../images/information/thinkesgsdgs-arrow.png) no-repeat 50% 90% #0A887E;
  padding: 2px 10px;
  height: 28px;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 150px;
  border: none;
  border-radius: 3px;
}

.thinkesgsdgs .contenedor input:checked + label:before {
  content: "Background / Contents";
  background: url(../images/information/thinkesgsdgs-arrow.png) no-repeat 50% 90% #C3C3C3;
  padding: 2px 10px;
  height: 28px;
  text-align: center;
  left: 0;
  right: 0;
  top: 0;
  width: 150px;
  border: none;
  border-radius: 3px; 
  transform: none;
  -webkit-transform: none;
}

.thinkesgsdgs input[type=checkbox]:checked ~ .expand {
 max-height: 100%;
}

.thinkesgsdgs input[type=checkbox]:checked ~ .expand:before {
 opacity: 0;
}

.thinkesgsdgs .investor{border-bottom: 1px dashed #C3C3C3;overflow: hidden;margin-bottom: 1em;}
.thinkesgsdgs .investor p{line-height: 1.5;margin: .5em 0;font-size: 1rem;}
.thinkesgsdgs .investor ul{display: flex;}
.thinkesgsdgs .investor ul li{justify-content: left;padding-right: 1em;}

.thinkesgsdgs .investor img {max-width:100%; height:auto;}
.thinkesgsdgs.archive h2{
  font-size: .92rem;
  color: #3A434E;
  text-align: left;
  font-weight: normal;
  margin: .5rem 0 1.8rem;
  line-height: 1.5;
}
#c_head_area.thinkesgsdgshead,
#c_head_area.thinkesgsdgshead h1{margin: 0;width: 100%;}
.thinkesgsdgs.archive .database .genre ul li::before{margin: 0;}
.thinkesgsdgs.archive .time ul li{
  font-size: .85rem;
}
.thinkesgsdgs.archive .database:first-child{margin-top: 0;}
.thinkesgsdgs.archive .database{
  margin-top: 3em;
  padding-bottom: 4em;
  border-bottom: 1px dashed #C3C3C3;
}
.thinkesgsdgs.archive .investor{
  margin-top: 2em;
  border-bottom: 1px dashed #C3C3C3;
  min-height: 161px;
  width: 48.5%;
}
.thinkesgsdgs.archive .investor:nth-child(2n-1){margin-right: 3%;}

@media (max-width: 700px) {
  .thinkesgsdgs .inner{margin-bottom: 4em;}
  .think-green{margin-top: 3em;}
  .thinkesgsdgs.archive .investor{width: 100%;min-height: auto;}

}