@charset 'utf-8';

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 13px;
  line-height: 20px;
  margin: 0 !important;
}

/* ==================================================
HEAD
================================================== */
#header {
  border-bottom: solid 10px #0082C3;
  padding: 15px;
}

#header .menu {
  float: right;
  width: 30px;
}

.g_logo {
  margin-bottom: 45px;
  text-align: center;
}

.g_logo img {
  width: 101px;
}

.g_navi {
  border-bottom: 1px solid #0082C3;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 64px;
  width: 100%;
}

.g_navi li {
  display: inline-block;
  /display: inline;
  text-align: center;
  width: 50%;
  /zoom: 1;
}

.g_navi li:nth-child(odd) {
  border-right: 1px solid #FFF;
  width: calc(50% - 1px);
}

.g_navi li a {
  background-color: #0082C3;
  color: #FFF;
  display: block;
  line-height: 35px;
  text-decoration: none;
}

.g_navi li:nth-child(3),
.g_navi li:nth-child(7) {
  border-right: 1px solid #0082C3;
}

.g_navi li:nth-child(3) a,
.g_navi li:nth-child(4) a,
.g_navi li:nth-child(7) a,
.g_navi li:nth-child(8) a {
  background-color: #FFF;
  color: #E50012;
}

.footerMenu {
  margin-bottom: 25px;
  text-align: center;
}

.footerMenu li {
  display: inline-block;
  /display: inline;
  width: 126px;
  /zoom: 1;
}

.footerMenu li:nth-child(2) img,
.footerMenu li:nth-child(4) img {
  margin-top: 35px;
}

.footer {
  background-color: #0082C3;
  padding: 20px 0;
}

.footerLogo {
  margin-bottom: 15px;
  text-align: center;
}

.footerLogo img {
  width: 105px;
}

.footerUtilityNavi {
  margin-bottom: 15px;
  text-align: center;
}

.footerUtilityNavi li {
  border-left: 1px solid #FFF;
  display: inline-block;
  /display: inline;
  line-height: 1;
  margin-left: 10px;
  padding-left: 10px;
  vertical-align: middle;
  /zoom: 1;
}

.footerUtilityNavi li:nth-child(1) {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
  width: 72px;
}

.footerUtilityNavi li:nth-child(2) {
  width: 63px;
}

/* ==================================================
PARTS
================================================== */

.contactTxtWrap {
  text-align: center;
}

.unit {
  padding: 40px 0;
}

.unitA {
  border-bottom: solid 10px #0082C3;
}

.unitB {
  text-align: center;
}

.unitInnerA {
  background-color: #51555E;
  color: #FFF;
  padding: 25px 0;
}

.headA {
  float: left;
  width: 170px;
}

.headB {
  height: 75px;
  position: relative;
  width: 100%;
}

.headB img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 130px;
}

.headC {
  margin-bottom: 15px;
  text-align: center;
}

.headD {
  color: #CF242E;
  font-size: 18px;
  margin-bottom: 60px;
  text-align: center;
}

.headE {
  width: 100%;
}

.descA {
  text-align: left;
}

.descA p {
  margin-bottom: 50px;
  padding: 0 3%;

}

.descA .inner {
  display: inline-block;
  /display: inline;
  text-align: left;
  /zoom: 1;
}

.listA li {
  display: inline-block;
  /display: inline;
  width: 50%;
  /zoom: 1;
}

.listB {
  padding: 30px 0;
  text-align: center;
}

.listB dt {
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

.listB dd {
  display: inline-block;
  /display: inline;
  margin-left: 10px;
  /zoom: 1;
}

.listB dd:first-child {
  margin-left: 0;
}

.contact h3 img {
  max-width: 90%;
  width: auto;
}

.contact .tel {
  font-size: 38px;
  margin-bottom: 10px;
  text-align: center;
}

.contact .fax {
  font-size: 32px;
  margin-bottom: 20px;
  text-align: center;
}

.contactB {
  background-color: #0082C3;
  margin-bottom: 40px;
  color: #FFF;
}

.contactB .tel {
  color: #FFEF00;
}

.contactB .fax {
  color: #FFEF00;
}

.tableA {
  border-collapse: collapse;
  border: 1px solid #0082C3;
  width: 100%;
}

.tableA th {
  background-color: #0082C3;
  color: #FFEF00;
  width: 93px;
}

.tableA th {
  text-align: left;
}

.tableA th,
.tableA td {
  padding: 10px;
  vertical-align: top;
}

.tableA td dl {
  margin-bottom: 10px;
}

.tableA td dl dt,
.tableA td dl dd {
  display: inline-block;
  /display: inline;
  vertical-align: top;
  /zoom: 1;
}

.tableA td dl dt {
  width: 60px;
}

.tableA td dl dd {
  width: calc(100% - 60px);
}

.tableA td dl.big dt {
  width: 120px;
}

.tableA td dl.big dd {
  width: calc(100% - 120px);
}

.tableB th {
  color: #FFF;
  text-align: center;
}

.form {
  paddig: 0 25px;
}

.formListA {
  margin-bottom: 5px;
}

.formListA dt {
  background-color: #0082C3;
  color: #FFF;
  line-height: 21px;
  margin: 0 auto 5px;
  padding: 0 15px;
  width: calc(85% - 30px);
}

.formListA dd {
  margin: 0 auto 5px;
  padding: 0 15px;
  width: calc(85% - 30px);
}

.formListA .hissu {
  color: #FFF000;
}

.formListA input {
  display: block;
  margin: 0 auto;
  width: calc(85% - 4px);
}

.formListA .short {
  /*margin: 0 auto 1px;
  width: 85%;*/
}

.formListA .short input {
  display: inline-block;
  width: calc(50% - 4px);
}

.formListA textarea {
  display: block;
  margin: 0 auto;
  width: calc(85% - 4px);
}

.contactconf table {
  width: 100%;
  margin: 0 auto;
}

.contactconf table tr td {
  overflow: hidden;
  border: 1px solid #fff;
  color: #000;
  font-size: 12px !important;
}

.con_subm {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.contactconf table td:nth-child(odd) {
  background: #eee;
}

.btn {
  text-align: center;
}

.btn img {
  width: 200px;
}

.btnA {
  text-align: center;
}

.btnA img {
  width: 200px;
}

.btnB {
  display: block;
  width: 100px;
  margin: 0 auto;
}

button {
  background: none;
  border: none;
}

.copy {
  text-align: center;
}

.attA {
  color: #CF242E;
  font-size: 29px;
}

.attB {
  color: #0082C3;
  font-size: 29px;
}

.sliderA {
  padding: 0 10px;
  position: relative;
  height: 400px !important;
}

.sliderA li {
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0 10px;
  position: absolute;
  text-align: center;
  top: 0;
}

.sliderA li .visual {
  margin-bottom: 10px;
}

.sliderA li.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.sliderControlA {
  text-align: center;
  display: none;
}

.sliderControlA li {
  background-color: #0082C3;
  border-radius: 4px;
  display: inline-block;
  /display: inline;
  height: 8px;
  width: 8px;
  /zoom: 1;
}

.sliderControlA li.active {
  background-color: #CF242E;
}

.sliderB {
  background-color: #51555E;
  color: #FFF;
  margin-bottom: 20px;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
  height: 350px !important;
  width: 100%;
}

.sliderB li {
  margin-left: 5%;
  margin-right: 5%;
  width: 90%;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
}

.sliderB li.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.sliderB li .visual {
  margin: 20px auto;
  width: 120px;
}

.sliderB li .name {
  font-size: 14px;
  margin-bottom: 20px;
}

.sliderControlB {
  padding: 0 10px;
  display: none;
}

.sliderControlB li {
  display: inline-block;
  /display: inline;
  margin-left: 14px;
  width: 60px;
  /zoom: 1;
}

.sliderControlB li:first-child {
  margin-left: 0;
}

.sliderC {
  padding: 0 10px;
  position: relative;
  height: 400px !important;
}

.sliderC li {
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0 10px;
  position: absolute;
  text-align: center;
  top: 0;
}

.sliderC li .visual {
  margin-bottom: 10px;
}

.sliderC li.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.sliderControlC {
  text-align: center;
  display: none;
}

.sliderControlC li {
  display: inline-block;
  /display: inline;
  width: 54px;
  /zoom: 1;
}

.sliderControlC li.active {}

.sliderThumbControlC {
  margin-top: 20px;
  display: none;
}

.sliderThumbControlC li {
  bottom: 70px;
  position: absolute;
  width: 5px;
}

.sliderThumbControlC li.left {
  left: 10px;

}

.sliderThumbControlC li.right {
  right: 10px;
}

.w_red {
  color: #CF242E;
}

.w_blue {
  color: #0082C3;
}

.strong {
  font-size: 18px;
}

img {
  height: auto;
  width: 100%;
}

.clear {
  /zoom: 1;
}

.clear:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

textarea {
  resize: none;
}

#access p {
  text-align: center;
}

@media screen and (max-width : 400px) {
  .contact .tel {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
  }

  .contact .fax {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
  }
}

.send_bt {
  border: solid 1px #036EB7 !important;
  border-radius: 10px;
  background: #036EB7 !important;
  cursor: pointer;
  color: #ddd;
  display: block;
  font-weight: bold;
  margin: 20px auto !important;
  padding: 20px 0;
  width: 250px;
}

.modification.clearForm2 {
  border: solid 1px #036EB7 !important;
  border-radius: 10px;
  background: #fff !important;
  cursor: pointer;
  color: #036EB7;
  display: block;
  margin: 20px auto !important;
  padding: 20px 0;
  width: 200px;
}

p.wet_bnr img {
  width: 55%;
}

p.wet_bnr {
  margin-bottom: 10px;
}

.information {
  margin: 0 auto 50px;
  width: 80%;
  border: 2px dotted #f70000;
  padding: 10px;
  background-color: rgba(210, 7, 7, 0.2);
  text-align: center;
}