#page_title {
  background-image: url(mark.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 68px auto;
  margin-top: 88px;
  padding-top: 98px;
  text-align: center;
  margin-bottom: 47px;
}

#page_title img {
  width: 342px;
}

#subnavi ul {
  width: 800px;
  display: table;
  margin: 0 auto 55px;
}

#subnavi ul li {
  display: table-cell;
  width: 25%;
  border: 1px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#subnavi ul li a {
  display: table;
  width: 100%;
  background-color: #f5f5f5;
  text-decoration: none;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
  -o-transition: background .3s;
  -ms-transition: background .3s;
  transition: background .3s;
  color: #000;
}

#subnavi ul li a span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 60px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 33px;
}

#subnavi ul li a span img {
  height: 33px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
}

#subnavi ul li.current a,
#subnavi ul li a:hover {
  background-color: black;
  color: white;
}

#subnavi ul li.current a span img,
#subnavi ul li a:hover span img {
  opacity: 1;
}

/*
#subnavi ul li#sn_index a span {
  background-image:url(page_about.png);
}
#subnavi ul li#sn_used a span {
  background-image:url(menu_bk.png);
}
#subnavi ul li#sn_feature a span {
  background-image:url(be_chosen_bk.png);
}
#subnavi ul li#sn_advance a span {
  background-image:url(page_advance.png);
}
*/
/*---追加ページCSS-----*/
#main_image_container img {
  width: 100%;
}

.number_title .din {
  font-size: 3.92em;
  padding-left: 3.9%;
  padding-right: 3.9%;
  padding-bottom: 10px;
  border-bottom: 1px solid #000000;
}

.number_title {
  text-align: center;
}

.number_title > span span {
  margin-left: 0.6em;
  letter-spacing: 0.2em;
  display: inline-block;
}

.jpn {
  margin-top: 10px;
  display: block;
  font-size: 1.38em;
  font-weight: bold;
}

#search01 {
  display: table;
  margin-top: -10px;
  border-collapse: separate;
  border-spacing: 50px;
}

#search01 p {
  display: table-cell;
  vertical-align: middle;
}

#network {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}

#network img {
  width: 100%;
}

#process {
  width: auto;
  text-align: center;
  padding-bottom: 65px;
  background-image: url(../reasons/hr.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 90%;
}

#process:after {
  content: "";
  display: block;
  clear: both;
}

#process dl { /*198*/
  width: 19.3%;
  text-align: center;
  font-size: 0.92em;
  display: inline-block;
  padding-right: 3.8%;
  background-image: url(../reasons/arrow02.png);
  background-repeat: no-repeat;
  background-size: 14.1% auto;
  background-position: 99% 3%;
}

#process dl:nth-child(4) {
  padding-right: 0;
}

#process dl dt {
  padding: 4px 0;
  color: #fff;
  background-color: #000;
  /* border-radius */
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

#process dl dd {
  margin-top: 10px;
}

#process dl dd > span {
  display: table;
  width: 100%;
  height: 42px;
  margin-top: 10px;
}

#process dl dd > span span {
  border: 1px solid #000;
  display: table-cell;
  vertical-align: middle;
}

#zero_title {
  text-align: center;
  margin-bottom: 40px;
}

#zero_title cite {
  font-size: 1.69em;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}

#zero_title cite span {
  display: inline-block;
  /*  border-bottom: 10px solid #ffe600;*/
  background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 1.00) 65.28%, rgba(255, 230, 0, 1.00) 65.28%);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 65.28%, rgba(255, 230, 0, 1.00) 65.28%);
  line-height: 1;
  margin-bottom: 5px;
  padding-bottom: 2px;
}

#three_btn ul {
  width: 100%;
  display: table;
  text-align: center;
  border-collapse: separate;
  border-spacing: 40px;
}

#three_btn ul li {
  display: table-cell;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 30.2%;
  background-color: #000;
  border: 1px solid #dcdcdc;
}

#three_btn a {
  text-decoration: none;
  color: #fff;
}

#three_btn .din {
  font-size: 1.38em;
}

#three_btn .jpn {
  display: block;
  font-size: 1em;
  font-weight: normal;
  margin-top: 0;
}


/**** renovation menu navigation ******/
.menu_nav {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 48px;
}

.menu_nav ul {
  display: table;
  width: 100%;
}

.menu_nav ul li {
  display: table-cell;
  width: 14.2%;
}

.menu_nav ul li a {
  display: block;
  background-color: #f4f4f4;
  text-decoration: none;
  line-height: 1;
  border: 1px solid white;
  text-align: center;
  padding: 7px 0;
  color: black;
}

.menu_nav ul li.current a,
.menu_nav ul li a:hover {
  color: white;
  background-color: black;
}

@media only screen and (max-width: 830px) {
  #subnavi ul {
    display: block;
    width: 400px;
  }

  #subnavi ul:after {
    content: "";
    display: block;
    clear: both;
  }

  #subnavi ul li {
    display: block;
    width: 50%;
    float: left;
  }
}

@media only screen and (max-width: 568px) {
  /** renovation menu **/
  .menu_nav ul {
    display: block;
  }

  .menu_nav ul:after {
    content: "";
    display: block;
    clear: both;
  }

  .menu_nav ul li a {
    padding: 16px 0;
  }

  .menu_nav ul li {
    box-sizing: border-box;
    width: 25%;
    float: left;
  }

  .menu_nav ul li:nth-child(n+5) {
    width: 33.3%;
  }

}

@media only screen and (max-width: 450px) {
  #subnavi ul {
    width: 93%;
  }

  #subnavi ul li {
    float: none;
    width: 100%;
  }

  #page_title img {
    width: 76%;
  }
}

@media only screen and (max-width: 414px) {
  .menu_nav ul li {
    width: 50%;
  }

  .menu_nav ul li:nth-child(n+5) {
    width: 50%;
  }
}