@charset "utf-8";
/**
 * @package    WCF
 * @version    6.1

 * @subpackage wcl.class
 * OUTLINE:	共通レイアウト（部品）のスタイルを適用
 */
/************************************************************************************************************************************
	.button
************************************************************************************************************************************/
.button.center {
  text-align: center;
}
.button a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 100;
  display: inline-block;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: 1px;
  width: 330px;
  height: 70px;
  padding: 0 20px 0;
  text-align: center;
  background-color: #697380;
}
/************************************************************************************************************************************
	.table
************************************************************************************************************************************/
/** .table *****************************************************************/
table.table {
  position: relative;
  width: 100%;
  margin: 0 auto 0;
  background-color: #FFF;
}
table.table tbody {}
table.table tbody th, table.table tbody td {
  line-height: 1.7;
  text-align: left;
  vertical-align: top;
  background-color: #FFF;
  border-bottom: solid 1px #cccccc;
}
table.table tbody th {
  color: #3f4a66;
  font-size: 16px;
  font-weight: 700;
  text-align: let;
  white-space: nowrap;
  padding: 19px 40px 19px 0px;
}
table.table tbody td {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  background-color: inherit;
  padding: 19px 0px 19px 0px;
}
table.table .small {
  font-size: 12px;
}
table.table .large {
  font-size: 18px;
}
table.table .bold {
  font-weight: 700;
}
table.table .narrow {
  letter-spacing: -1px;
}
table.table .line {
  display: block;
}
@media print, screen and (min-width: 901px) {
  #contact table.table tbody th {
    width: 140px;
  }
  #news table.table tbody th {
    width: 100px;
    padding-right: 10px
  }
  table.table tbody th.vt_m {
    vertical-align: middle;
  }
  table.table tbody td {
    letter-spacing: -0.2px;
  }
  table.table tbody td .pc-flex > div:not(:last-child) {
    margin-right: 20px;
  }
}
@media screen and (max-width: 900px) {
  table.table, table.table thead, table.table thead tr, table.table thead th, table.table thead td, table.table tbody, table.table tbody tr, table.table tbody th, table.table tbody td {
    display: block;
  }
  table.table {}
  table.table thead th, table.table thead td, table.table tbody th, table.table tbody td {
    font-size: 14px;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 13px;
    border-left: none;
    border-right: none;
  }
  table.table tbody td {
    padding-top: 13px;
    padding-bottom: 32px;
  }
  table.table tbody th {
    padding-bottom: 8px;
    border-bottom: none;
  }
  table.table tbody tr:not(:last-child) td {}
  table.table .large {
    font-size: 16px;
  }
  table.table tbody td.is_border {
    display: none;
  }
  table.table .line:not(:last-child) {
    margin-bottom: 5px;
  }
}
/************************************************************************************************************************************
	.scroll_wrap
************************************************************************************************************************************/
@media print, screen and (min-width: 901px) {}
@media screen and (max-width: 900px) {
  .scroll_wrap {
    margin-bottom: 10px;
  }
  .scroll_wrap .scroll_inner {
    overflow: auto;
    white-space: nowrap;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar {
    overflow: hidden;
    width: 5px;
    background: #eee;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar:horizontal {
    height: 5px;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar-button {
    display: none;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar-piece {
    background: #eee;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar-piece:start {
    background: #eee;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar-thumb {
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #333;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar-corner {
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #333;
  }
}
/************************************************************************************************************************************
	.outline01
************************************************************************************************************************************/
.outline01 {
  border: solid 5px #000000;
  padding: 25px 20px;
}
@media print, screen and (min-width: 901px) {}
@media screen and (max-width: 900px) {}
/************************************************************************************************************************************
	.outline02
************************************************************************************************************************************/
.outline02 {
  padding: 20px 20px;
  background-color: #f2f2f2;
}
.outline02 .inner {
  padding: 20px 20px;
  border: solid 5px #FFF;
}
@media print, screen and (min-width: 901px) {}
@media screen and (max-width: 900px) {}