/* 過去のスタイル */

.inner-box {
  text-align: left;
  
}

.table-group {
  width: 800px;
  margin: 0 auto;
}

#header:after, #navigation ul:after, #bottom_menu:after, #bottom_menu ul:after, .clear:after {
  display: block;
  clear: both;
  content: "";
}

.left {
  float: left;
}

.right {
  float: right;
}

.no_hover a {
  display: inline;
}

.no_hover a::after {
  position: static;
}

.box img {
  flex-shrink: 0;
  width: 200px;
}

.box {
  margin: 10px;
}

.box h3 {
  text-align: left;
}

.content-box {
  margin: 60px auto;
}

/* .re-box > div {
  position: relative;
  width: 48%;
}

.re-box > div h3 {
  background: #00a199;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  margin-bottom:20px;
}

.left-box {
  float: left;
  max-width: 70%;
}

.right-box {
  float: right;
  max-width: 30%;
}

.re-box > div ul {
  list-style: none;
  margin-top: 0;
  padding-left: 30px;
}

.re-box > div ul li:before {
  position: absolute;
  margin-left: -20px;
  color: #87bcd5;
  content: "■";
}

.re-box a, button.toggle-flow {
  display: block;
  width: 200px;
  margin: 20px auto;
  background: #dfd7cc;
  color: #000000;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
}

.re-box a.more.button {
  position: relative;
  padding: 0;
  background: #006eb7;
  color: #ffffff;
}

.re-box a.more.button:hover {
  color: #ffffff !important;
}

.re-box a.button:hover::after {
  background-color: #87bcd5;
}

.re-box a div:after {
  display: inline-block;
  position: absolute;
  right: 30px;
  transform: rotate(90deg);
  content: "▲";
} */

.co-box {
  display: table;
  margin: 40px auto;
}

.co-box * {
  margin: 0;
}

.co-box > div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.co-box a.more.button {
  position: relative;
  width: 250px;
  padding: 0;
  background-color: #103ab5;
  line-height: 50px;
}

.co-box a.more.button div {
  position: relative;
}

.co-box a.more.button div:after {
  display: inline-block;
  position: absolute;
  right: 30px;
  transform: rotate(90deg);
  content: "▲";
}

.content-box.bbg {
  padding: 1px;
  background: #e7f2f7;
  padding:40px
}

.c_box_jirei table {
  width: 100%;
  text-align: center;
}

.c_box_jirei td {
  width: 25%;
}

.c_box_jirei img {
  border-radius: 10px;
}

.jirei-box {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 20px auto 60px;
}

.jirei-box .jirei-img {
  padding-top: 50%;
  background-position: center;
  background-size: 100% 100%;
}

.jirei-box h3 {
  margin: 0;
  padding: 10px;
  color: #333333;
  font-size: .8em;
  text-align: center;
}

.jirei-box h3 span:after {
  content: " >>";
}

button.toggle-flow {
  border: none;
  font-size: 1em;
}

/* .flow-container {
  padding-left:60px;
  counter-reset: count;
}

.flow-container h3 {
  position: relative;
  color: #0a2470;
  line-height: 2em;
  text-align: left;
  counter-increment: count;
}

.flow-container h3:before {
  position: absolute;
  left: -60px;
  color: #87bcd5;
  font-size: 28px;
  content: "0" counter(count);
}

.flow-container td {
  width: 300px;
  max-width: 300px;
}

.flow-container img {
  width: 100%;
  height: auto;
}

.flow-container td:nth-child(2) {
  padding-left: 40px;
}
 */

/* contact */
/* .contact > h3, .contact > p {
  text-align: center;
}

.contact dl {
  width: 70%;
  margin: 20px auto;
}

.contact dl > * {
  display: inline-block;
  vertical-align: top;
}

.contact dl > dt {
  width: 30%;
  padding-left: 10px;
  border-left: 5px solid #ff9900;
}

.accept {
  text-align: center;
}

.accept .wpcf7-list-item {
  margin: 0;
}

.form_b {
  margin-top: 40px;
  text-align: center;
}
input[type="submit"] {
  display: block;
  width: 100px;
  margin: auto;
  padding: .5em 0;
  border: none;
  background-color: #006eb7;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: .2em;
  text-align: center;
  text-indent: .2em;
  white-space: nowrap;
  cursor: pointer;
}

input[type="submit"]:disabled {
  color: #cccccc;
}

input[type="submit"]:hover {
  opacity: .8;
} */



/* button action */
.button {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  outline: none;
}

.button::before, .button::after {
  display: block;
  position: absolute;
  z-index: -1;
  content: "";
}

.button, .button::before, .button::after {
  box-sizing: border-box;
  transition: all .3s;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all .3s;
}

.button {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: inherit;
  color: #333333;
}

.button:hover {
  color: #493429 !important;
}

.button::after {
  top: -100%;
  left: -100%;
  width: 100%;
  height: 100%;
}

.button:hover::after {
  top: 0;
  left: 0;
  background-color: #ffffff;
}
/* button action end */

a.more {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px 10px;
  background-color: #87bcd5;
  color: #ffffff;
}

a.more:before {
  display: block;
  position: absolute;
  left: 0;
  width: 25px;
  height: 25px;
  content: "";
}

.plink {
  text-align: center;
}

.plink > * {
  margin: 0 10px;
}

.profile table {
  width: 80%;
  margin: 0 auto;
  border-collapse: collapse;
}

.profile table td {
  border-bottom: 1px solid #113ab6;
  line-height: 2em;
}

.profile td:first-child {
  width: 25%;
}

#c_contents table {
  width: 95%;
  margin: 0 auto;
  white-space: nowrap;
}

#all_layout h1 {
  font-size: 90%;
}

.product_title {
  background-color: #eeeeee;
}

.jirei {
  max-width: 900px;
  width:100%;
  margin: 0 auto;
  text-align: center;
}

.jirei table {
  display: inline-block;
  float: none;
  width: 200px;
  text-align: justify;
  vertical-align: top;
  font-size:16px;
  margin-top:40px;
  padding:5px;
}

.jirei table a {
  text-decoration: none;
}

.jirei table h3 {
  font-size:16px;
  font-weight:500;
}

.jirei-link:hover {
  color: #4d6696;
}

.jirei-link::after {
  display: none;
}

.content-box img {
  max-width: 100%;
  height: auto;
}