/*******************************
 ***	JPN DESIGN CSS ***

- TEXT
--NEWS
-DESIGN
--�{�[�_�[
--���₢���킹
--�{�^��
--�{�^���T�C�Y
--�{�[�_�[���g�{�^��
--�p�g�{�^��
--���X�g
--TABLE 


*******************************/

#select1::before {
  content: " ";
  display: block;
  height: 80px;
  margin-top: -80px;
  pointer-events: none;
  visibility: hidden;
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {

  /* IE11�ɂ̂ݓK�p�������X�^�C���V�[�g */
  #select2 {
    margin-top: 80px;
  }
}


/* --------------------------------------FLEXBOX-inlink*/
.flexboxinlink {
  display: flex;
  flex-direction: row;
  border: 2px solid #ccc;
  padding: 20px;
  margin-bottom: 60px;
}

.flexboxinlink .item {
  width: 25%;
  margin: 25px 0 25px 25px;
}

.flexboxinlink .item img {
  display: right;
  width: 150px;
  border: 1px solid #ddd;
  margin: 0 auto;
}

.flexboxinlink .itemleft {
  display: left;
  width: 75%;
  margin: 25px 25px 25px 0;
}

.flexboxinlink .itemright {
  display: right;
  width: 75%;
  margin: 2%;
  margin-left: 2%;
}

.flexboxinlink h2 {
  font-size: 24px;
  margin-bottom: 20px;
  text-align: left;
}

.flexboxinlink h5 {
  padding-bottom: 20px;
}

.flexboxinlink em {
  padding-left: 10px;
}

.flexboxinlink p a.inlink {

  display: inline-block;
  margin: 10px 10px 0 0;
  padding: 0.6em 0.8em;
  text-decoration: none;
  color: #1C1C1C;
  border: 2px solid #6e6e6e;
  border-radius: 3px;
  transition: .4s;
}

.flexboxinlink p a.inlink:hover {
  background: #2E2E2E;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .flexboxinlink {
    display: inline-block;
    ;
    width: 92%;
    padding: 10px;
  }

  .flexboxinlink .item {
    margin: 0 auto;
  }

  .flexboxinlink .itemleft {
    width: 100%;
    margin: 10px;
  }

  .flexboxinlink .item img {
    width: 100%;
    margin: 10px 0 20px 0;
    text-align: center;
  }

  .flexboxinlink h2 {
    font-size: 18px;
    margin-bottom: 0px;
  }

  .flexboxinlink h5 {
    line-height: 1.4;
    font-size: 12px;
  }

  .flexboxinlink p a.inlink {
    float: left;
    font-size: 12px;
    margin: 20px 0 10px 0;
    padding: 0.15;
  }
}


/* --------------------------------------------------- BLOCK ITEM */

.blockboxR,
.blockboxL {
  display: flex;
}

.blockboxR {
  flex-direction: row;
}

.blockboxL {
  flex-direction: row-reverse;
}

.blockboxR img,
.blockboxL img {
  width: 100%;
}

.itembox {
  position: relative;
  width: 50%;
}

.itembox .tR {
  text-align: left;
  padding-left: 20px;
}

.itembox .tL {
  text-align: left;
  padding-right: 20px;
}

.itembox .tL img {
  width: 50%;
}

.itembox .weight {
  font-size: 1.8rem;
}

.parentbox {
  padding: 0 20px 20px 20px;
}

.parentboxnone {
  padding: 0;
}

.parentbox h3 {
  padding-bottom: 20px;
}

.parentbox,
.parentboxnone {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  /* �c�������������iSafari�p�j */
  align-items: center;
  /* �c������������ */
  -webkit-justify-content: center;
  /* ���������������iSafari�p�j */
  justify-content: center;
  /* �������������� */
  height: 100%;
}

.examplebox {
  display: block;
  width: 100%;
}

@media screen and (max-width:767px) {

  .blockboxR,
  .blockboxL {
    display: block;
  }

  .parentbox {
    padding: 0;
  }

  .itembox .tR {
    padding: 15px 0 0 0;
  }

  .itembox .tL {
    padding: 15px 0 0 0;
  }

  .itembox {
    position: static;
    margin: 10px 0;
    width: 100%;
  }

  .itembox .weight {
    font-size: 1.5rem;
    font-weight: 700;
  }
}


*******************************/
/* DATASHEET*/

div.box_center {
  text-align: left;
  margin: 0px auto 100px;
  width: 600px;
}

input[type="text"] {
  width: 377px;
  height: 36px;
  background: #eee;
  border: 1px solid #bebebe;
  font-size: 1em;
  text-indent: 0.7em;
}

input[type="text"]:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}

#select1 {
  margin-top: -80px;
  padding-top: 80px;
}

#select2 {
  margin-top: -80px;
  padding-top: 80px;
}

#select3 {
  margin-top: -80px;
  padding-top: 80px;
}

#select4 {
  margin-top: -80px;
  padding-top: 80px;
}

#select5 {
  margin-top: -80px;
  padding-top: 80px;
}

#select6 {
  margin-top: -80px;
  padding-top: 80px;
}

#select7 {
  margin-top: -80px;
  padding-top: 80px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: #eee url("images/arrow.png") no-repeat;
  background-size: 10px 7px;
  background-position: right 10px center;
  border: 1px solid #bebebe;
  width: 150px;
  height: 36px;
  font-size: 1em;
  text-indent: 0.3em;
}

select:focus {
  border: 1px solid #4881d9;
  background: #edf4ff url("images/arrow.png") no-repeat;
  background-size: 10px 7px;
  background-position: right 10px center;
}


.mod_btn {
  margin: 10px 0 10px 0;
}

.mod_btn-center {
  text-align: center;
}

.mod_btn p {
  border: solid 1px #E73582;
  display: inline-block;
}

.mod_btn p a {
  display: block;
  padding: 10px 10px 10px 10px;
  color: #E73582;
  font-size: 13px;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  border: solid 3px #FFF;
}


/*******************************
*	TEXT
*******************************/
/* --------------------------------------------------- MAIN AREA */
.title_font {
  padding: 0px;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.subtitle_font {
  padding: 0px;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 80px;
  text-align: center;
}

.subtitle {
  margin-right: 10px;
  padding: 2px 5px 0 5px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #fff;
  background-color: #4D4D4D;
  border-radius: 3px;
}

.only_font {
  padding: 0px;
  font-size: 15px;
}

.large_font {
  padding: 0px;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

.medium_font {
  padding: 0px;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}

.middle_font {
  padding: 0px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
}

.small_font {
  padding: 0px;
  font-size: 12px;
}

.textRe {
  font-size: 15px;
}

.text_bottom {
  position: absolute;
  bottom: 0;
  padding: 10px 0;
}

.cmpglMgnLR {
  padding: 0px;
}

.cmpglMgnL_box {
  margin: 0px 30px 0px 0px;
}

.cmpglMgnR_box {
  margin: 0px 0px 0px 30px;
}

.cmpgltab-sp {
  display: block;
}

.line_adjust {
  margin: 20px;
}

.line_adjust li {
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 768px) {

  .title_font {
    font-size: 17px;
    padding: 0px 10px;
  }

  .subtitle_font {
    padding: 0px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;
  }

  .only_font {
    padding: 0px 10px;
  }

  .datasheet_font {
    padding: 0px;
    font-size: 12px;
  }

  .medium_font {
    padding: 0px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0px;
  }

  .middle_font {
    padding: 0px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
  }

  .small_font {
    padding: 0px 10px;
  }

  .textRe {
    font-size: 14px;
  }

  .cmpglMgnLR {
    padding: 0px 10px;
  }

  .cmpglMgnL_box {
    margin: 0px 0px 20px 0px;
  }

  .cmpglMgnR_box {
    margin: 20px 0px 20px 0px;
  }

  .cmpgltab-sp {
    display: none;
  }

  .cmpglTittleCenter h2,
  .cmpglTittleCenter p {
    margin: 0px;
    padding: 0 0 10px 0;
  }

  .cmpglBoxTextGray2 {
    text-decoration: none;
  }

  .cmpjpAreaBG-GRAY {
    padding: 20px 0;
  }

  .cmpglAreaB01,
  .cmpglAreaB02 {
    padding: 0 0 50px 0;
  }

  .cmpglAreaB01R {
    padding: 0px;
  }

  .cmpglAreaB01R h4 {
    padding: 30px 0;
  }

  .cmpglTile3 .bgwhite {
    margin: 15px 0;
  }

  .cmpTextbox p.t-hei {
    line-height: 1.8;
  }
}

@media screen and (max-width: 480px) {
  .arrange {
    font-size: 14px;
    line-height: 1.4;
  }
}

/*******************************
*    	ACCORDION R
*******************************/
.accordion_naviR {
  margin-left: 20px;
}

.accordion_naviR li {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.accordion_naviR a {
  display: block;
}

.contentWrapR {
  margin: 10px;
  font-weight: bold;
  line-height: 1.4em;
}

.switchR {
  cursor: pointer;
  padding: 10px;
  font-size: 16px;
  line-height: 1.4em;
  border-bottom: 1px solid #ccc;
  position: relative;
}

.switchR:hover {
  color: rgba(0, 0, 0, .80);
  background: rgba(242, 242, 242, .9);
  text-decoration: none;
  outline: none;
}

@media screen and (max-width: 768px) {
  .accordion_naviR {
    margin-left: 0px;
  }

  .switchR {
    font-size: 14px;
  }
}

/*******************************
*    	DESIGN
*******************************/

.textArea h3 {
  margin: 30px 0 10px 20px;
  font-size: 24px;
}

.triangle_right {
  width: 0;
  height: 0;
  margin: 80px auto;
  border-left: 30px solid #777;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}

.triangle_bottom {
  width: 0;
  height: 0;
  margin: 20px auto;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #777;
}

/*MARK UP*/
.mapmarker :before {
  font-family: FontAwesome;
  content: "\f041";
  padding: 0 6px 4px 0;
  font-weight: normal;
  color: #808080;
  text-decoration: none;
}

.mailicon :before {
  font-family: FontAwesome;
  content: "\f003";
  padding: 0 6px 4px 0;
  font-weight: normal;
  color: #808080;
  text-decoration: none;
}

.init-right:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 10px 2px 5px;
  border-top: 1px solid #cc0000;
  border-right: 1px solid #cc0000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*������FLEX BOX������*/
/*MENU GRID*/
.flexbox ul {
  display: flex;
  justify-content: space-around;
}

.flexbox ul li {
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  padding: 10px 5px;
  width: 20%;
  font-size: 17px;
  position: relative;
}

.flexbox ul li:hover {
  color: #FFF;
  background-color: #1e90ff;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/* ACC */

/* pc 768px�ȏ� */
.wrap_block {
  overflow: hidden;
  width: 100%;
  margin: 30px auto 20px;
  font-size: 16px;
}

.main_block {
  float: left;
  width: 33%;
  text-align: center;
  text-decoration: none;
  margin-top: 10px;
}

.main_block h2 {
  font-weight: 700;
}

.side-menu_block {
  float: left;
  width: 33%;
  overflow: auto;
}

.side-menu_block li a {
  display: block;
  height: 44px;
  line-height: 44px;
  text-decoration: none;
}

.side-menu_block li a:hover {
  color: #FFF;
  background-color: #1e90ff;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

a.cp_btn {
  display: block;
  width: 140px;
  font-size: 14px;
  padding: 0.2em;
  margin: 5px auto;
  text-align: center;
  color: rgba(255, 255, 255, .85);
  border: 2px solid #bfbfbf;
  border-radius: 3px;
  transition: .4s;
}

a.cp_btn:hover {
  background: rgba(0, 0, 0, .7);
  color: #fff;
}

/* �X�}�z 767px�ȉ� */
@media only screen and (max-width: 735px) {

  .flexbox ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
  }

  .wrap_block {
    width: 100%;
    margin: 0px auto 0px;
    height: 200px;
  }

  .main_block {
    float: none;
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  .side-menu_block {
    /* float������ */
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }

  a.cp_btn {
    width: 100%;
    padding: 0.1em;
    margin: 5px auto;
  }
}


/* FLEXBOX*/

.flex_left-textbox {
  display: flex;
  /* �t���b�N�X�{�b�N�X�ɂ��� */
  flex-direction: row-reverse;
}

.flex_right-textbox {
  display: flex;
  /* �t���b�N�X�{�b�N�X�ɂ��� */
  flex-direction: row;
}

.flex_item {
  width: 50%;
}

.flex_itemL {
  width: 70%;
}

.flex_itemR {
  width: 30%;
}

.flex_itemR img,
.flex_item img {
  width: 100%;
}

.flex_item li {
  padding: 0 10px;
}

.flex_item .item_text {
  margin: 10%;
}

.flex_item .item_imgL {
  margin-right: 30px;
}

.flex_item .item_imgR {
  margin-left: 30px;
}

.flex_item p {
  text-align: justify;
}


@media screen and (max-width: 735px) {

  .flex_left-textbox,
  .flex_right-textbox {
    display: block;
    width: 100%;
    /* �t���b�N�X�{�b�N�X������ */
  }

  .flex_item,
  .flex_itemR,
  .flex_itemL {
    width: 100%;
  }

  .flex_item .item_text {
    margin: 30px 10px;
  }

  .flex_item .item_imgL {
    margin-right: 0px;
  }

  .flex_item .item_imgR {
    margin-left: 0px;
  }

  .flex_itemR img,
  .flex_item img {
    margin: 0;
  }

  .flex_item li {
    padding: 0px;
  }

  .flex_item p {
    margin: -10px 0 20px 0;
    line-height: 1.5;
  }
}

/* FLEXBOX-R*/
.flexbox2tile {
  display: flex;
  flex-wrap: wrap;
  padding: 0.1em;
  margin: 0 0 2em;
}

.flex_rightbox {
  display: flex;
  flex-direction: row;
}

.flex_rightbox .flex_item {
  width: 30%;
  margin: 2%;
}

.flex_rightbox .flex_item_left {
  display: left;
  width: 70%;
  margin: 2%;
}

.flex_rightbox .flex_item img {
  width: 100%;
}

.flex_rightbox .flex_item .item_text {
  margin: 10%;
}

.flex_rightbox {
  position: relative;
  border: 2px solid #ccc;
  padding: 20px;
  overflow: hidden;
  margin-bottom: 50px;
  list-style: none;
}

.flex_rightbox img {
  float: left;
}

.flex_rightbox p {
  display: inline-block;
  background-color: #2E2E2E;
  padding: 0.6em 0.8em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  transition: .4s;
}

.flex_rightbox a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.flex_rightbox a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  background: #fff;
}

@media screen and (max-width: 900px) {
  .flex_rightbox p {
    padding: 7px;
    font-size: 12px;
  }

  .flex_rightbox h1 {
    text-align: left;
  }

  .flex_rightbox h5 {
    line-height: 1.4;
    font-size: 12px;
  }
}

/* Menu window*/

/*�{�b�N�X�S��*/
.accbox {
  margin: 0em 0;
  padding: 0;
}

/*���x��*/
.accbox label {
  display: block;
  padding: 5px;
  cursor: pointer;
  transition: all 0.5s;
}

/*�A�C�R����\��*/
.accbox label:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 10px 2px 0;
  border-top: 1px solid #cc0000;
  border-right: 1px solid #cc0000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*���x���z�o�[��*/
.accbox label:hover {
  color: #ffffff;
  background-color: #1e90ff;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

/*�`�F�b�N�͉B��*/
.accbox input {
  display: none;
}

/*���g���\���ɂ��Ă���*/
.accbox .accshow {
  height: 0;
  margin: 0 10px;
  overflow-y: hidden;
  opacity: 0;
  transition: 0.8s;
}

.accbox .acc_scr {
  height: 200px;
  overflow-y: scroll;
  opacity: 1.0;
  background: #fafafa;
  font-size: 14px;
}

.accbox .acc_scr p {
  margin: 0 5px;
  border-bottom: dotted 1px #c0c0c0;
}

.accbox .acc_scr ul li :hover {
  color: #ffffff;
  background-color: #1e90ff;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}


/*�N���b�N�Œ��g�\��*/
.cssacc:checked+label+.accshow {
  height: auto;
  padding: 0px;
  opacity: 1;
}

.accbox .bk4 li {
  width: 20%;
}

.accbox .accshow li a {
  padding: 0px 5px;
  font-size: 14px;
  text-align: center;
  background: #fafafa;
}

/*�A�C�R�������ւ���*/
.cssacc:checked+label:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0px 10px 0px 0;
  border-top: 1px solid #cc0000;
  border-right: 1px solid #cc0000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* ---------------------------------------------------�{�[�_�[ */
h7 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #3498db;
}

/* ---------------------------------------------------���₢���킹 */
.header_inquiry {
  width: 130px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-left: 16px;
  padding: 0px 1px 1px;
  color: #fff;
  background-color: #004EA2;
  border-radius: 3px;
}

.ok {
  width: 100%;
  /* ���₢���킹�{�^�� */
  margin: 0 auto;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  display: block;
  color: #151515;
  border: 2px solid #777777;
  background: transparent;
}

.ok:hover,
.ok:focus {
  width: 100%;
  margin: 0 auto;
  display: block;
  color: #fff;
  border-color: transparent;
  background: #000;
}

@media screen and (max-width: 480px) {
  .arrange_inquiry {
    line-height: 1.2;
  }
}


/* --------------------------------------------------�X�N���[���o�[ */
.scr {
  width: 700px;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #e3e3e3;
}

.scr_sf {
  font-size: small;
  line-height: 1.2;
  padding: 10px;
}

@media screen and (max-width: 480px) {
  .scr {
    width: 90%;
    height: 140px;
  }

  .scr_sf {
    font-size: 10px;
    line-height: 1.0;
  }
}

/* ---------------------------------------------------�{�^�� */
.mb-10 {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: left;
}

.mb-100 {
  margin: 20px 0px;
  text-align: left;
}

.mb-1000 {
  margin: 5px 0px;
  text-align: left;
}

.mb-seajet {
  margin: 10px 0px;
  text-align: left;
}

.mb-seajet .btn-mod:after {
  content: "\f1c1";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  padding-left: 6px;
}

.btn-mod,
a.btn-mod {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 13px;
  color: #fff;
  background: rgba(34, 34, 34, .9);
  border: 2px solid transparent;
  font-size: 11px;
  font-weight: 400;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 2px;

  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;

  -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus {
  font-weight: 400;
  color: rgba(255, 255, 255, .85);
  background: rgba(0, 0, 0, .7);
  text-decoration: none;
  outline: none;
}

.btn-mod:active {
  cursor: pointer !important;
}

/* ---------------------------------------------------�{�^���T�C�Y */
.btn-mod.btn-small {
  padding: 6px 17px;
  font-size: 12px;
  letter-spacing: 1px;
}

.btn-mod.btn-medium {
  padding: 8px 37px;
  font-size: 14px;
}

.btn-mod.btn-medium100 {
  padding: 10px;
  font-size: 14px;
  text-align: center;
  width: 100%;
}

.btn-mod.btn-large {
  padding: 12px 45px;
  font-size: 16px;
}

.btn-mod.btn-large100 {
  padding: 12px 45px;
  font-size: 16px;
  text-align: center;
}

.btn-height {
  height: 75px;
  width: 80%;
  text-align: center;
  background: #FFF;
  border: 1px solid #333;
  border-radius: 6px;
  margin: 0 auto;

  display: grid;
  place-content: center;
  /* 追加 */
  place-items: center;
}

.btn-height:hover,
.btn-height:focus {
  color: rgba(255, 255, 255, .85);
  background: rgba(0, 0, 0, .7);
  text-decoration: none;
  outline: none;
}

.btn-height2 {
  height: 50px;
  width: 50%;
  background: #FFF;
  border: 1px solid #333;
  border-radius: 6px;

  display: grid;
  place-content: center;
  /* 追加 */
  place-items: center;
}



.linkloss {
  padding: 12px 45px;
  font-size: 16px;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  display: block;
  color: #fff;
  background: #000;
}

.btn-mod.btn-list {
  padding: 6px 24px;
  font-size: 14px;
}

.btn-mod.btn-network {
  padding: 6px 17px;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .btn-mod.btn-medium {
    padding: 6px 17px;
    font-size: 12px;
  }

  .btn-mod.btn-list {
    padding: 6px 30px;
    font-size: 12px;
  }

  .btn-mod.btn-large100 {
    padding: 8px 37px;
    font-size: 14px;
    text-align: center;
  }
}

/* ---------------------------------------------------�{�[�_�[���g�{�^�� */
.btn-mod.btn-border {
  margin: 5px 5px 5px 0px;
  color: #151515;
  border: 2px solid #777777;
  background: transparent;
}

.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus {
  margin: 5px 5px 5px 0px;
  color: #fff;
  border-color: transparent;
  background: #000;
}

.btn-mod.btn-border100 {
  width: 90%;
  margin: 0 auto;
  display: block;
  color: #151515;
  border: 2px solid #777777;
  background: transparent;
}

.btn-mod.btn-border100:hover,
.btn-mod.btn-border100:focus {
  width: 90%;
  margin: 0 auto;
  display: block;
  color: #fff;
  border-color: transparent;
  background: #000;
}

.btn-mod.btn-border100R {
  width: 96%;
  margin: 0 auto;
  display: block;
  color: #151515;
  border: 2px solid #777777;
  background: transparent;
}

.btn-mod.btn-border100R:hover,
.btn-mod.btn-border100R:focus {
  width: 96%;
  margin: 0 auto;
  display: block;
  color: #fff;
  border-color: transparent;
  background: #000;
}

@media screen and (max-width: 480px) {
  .btn-mod.btn-border100R {
    width: 100%;
    margin: 0 auto;
    display: block;
    color: #151515;
    border: 2px solid #777777;
    background: transparent;
  }

  .btn-mod.btn-border100R:hover,
  .btn-mod.btn-border100R:focus {
    width: 100%;
    margin: 0 auto;
    display: block;
    color: #fff;
    border-color: transparent;
    background: #000;
  }
}

/* ---------------------------------------------------�p�g�{�^�� */
.btn-mod.btn-circle {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* ---------------------------------------------------���X�g */
.listlist {
  width: 100%;
  margin-right: 10px;
  padding: 8px;
  background: #fff;
  border: 1px solid #fff;
}

.listlist ul {
  list-style: none;
}

.listlist ul li {
  margin-bottom: 8px;
  /*��������lj�*/
  text-indent: -1em;
  padding-left: 1em;
}

/* ---------------------------------------------------�P�����炷 */
.indenttext ul li {
  padding-left: 1.4em;
  text-indent: -1.4em;
  line-height: 1.4;
  padding-bottom: 10px;
}

/* ---------------------------------------------------BOX�e�L�X�g�m�[�}�� */
.cmpTextbox {
  margin: 10px
}

.cmpTextbox h3 {
  font-size: 18px;
  font-weight: 700;
  padding-top: 15px;
}

.cmpTextbox p a:hover {
  color: red;
}

/*******************************
*	TABLE 
*******************************/

/* --------------------------------------------------- TABLE SCROLL */

@media screen and (max-width: 768px) {

  /*table���X�N���[��������*/
  /*table�̃Z�����ɂ��镶���̐܂�Ԃ����֎~*/
  .table-scroll table {
    overflow: auto;
    white-space: nowrap;
    display: block;
    width: auto;
  }

  .table-scroll table tbody {
    width: 100%;
    display: table;
  }

  /*table�ɃX�N���[���o�[��lj�*/
  .table-scroll table::-webkit-scrollbar {
    height: 5px;
  }

  /*table�ɃX�N���[���o�[��lj�*/
  .table-scroll table::-webkit-scrollbar-track {
    background: #F1F1F1;
  }

  /*table�ɃX�N���[���o�[��lj�*/
  .table-scroll table::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}

/* --------------------------------------------------- COLUMN */
.boxlink a {
  display: block;
  width: 100%;
  height: 100%;
}

.boxlink img {
  margin: 10px 0px;
}

.one {
  float: left;
  width: 30%;
  margin: 0 10% 0 10%;
  padding: 10px 0px 10px;
  background-color: #fff;
  text-align: center;
}

.two {
  float: left;
  width: 30%;
  margin: 0 10% 0 10%;
  padding: 10px 0px 10px;
  background-color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {

  .boxlink img {
    margin: 0px;
  }

  .one {
    float: left;
    width: 48%;
    margin: 0 2% 0 0;
    padding: 0px;
    background-color: #fff;
    text-align: center;
  }

  .two {
    float: left;
    width: 48%;
    margin: 0 0 0 2%;
    padding: 0px;
    background-color: #fff;
    text-align: center;
  }

}

/* --------------------------------------------------- COLUMN2 */
.boxlink2 {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}

.boxlink2 img {
  margin: 10px 0px;
}

.boxlink2 .btn {
  width: 210px;
  text-align: center;
}

.one2 {
  float: left;
  width: 28%;
  padding: 10px 0px 10px;
  text-align: center;
}

.two2 {
  float: left;
  width: 68%;
  margin: 6% 0 0 2%;
  padding: 10px 0px 10px;
  text-align: left;
}

@media screen and (max-width: 768px) {

  .boxlink2 img {
    margin: 10px 0 0;
  }

  .boxlink2 .btn {
    width: 100%;
  }

  .boxlink2 .ebook {
    display: none;
  }

  .one2 {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
    padding: 0px;
    text-align: center;
  }

  .two2 {
    float: left;
    width: 64%;
    margin: 20px 0 0 2%;
    padding: 0px;
    text-align: left;
  }
}



/* --------------------------------------------------- BASE (width15) */
.simpletable {
  border-collapse: collapse;
  width: 100%;
}

.simpletable th,
.simpletable td {
  padding: 10px;
  border: 1px solid #999;
}

.simpletable th {
  background-color: #eee;
  text-align: left;
  width: 15%;
}

.simpletable th.t_top {
  border-top: #be1309 4px solid;
}

.simpletable td.t_top {
  border-top: #b3b3b3 4px solid;
}

.simpletable .cellR {
  text-align: left;
  font-weight: bold;
  width: 15%;
}


@media screen and (max-width: 768px) {
  .simpletable {
    border-top: 1px solid #999;
  }

  .simpletable td {
    display: block;
    text-align: left;
  }

  .simpletable th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
}

/* --------------------------------------------------- STANDARD (width5) */
.simpletable5 {
  border-collapse: collapse;
  width: 100%;
}

.simpletable5 th,
.simpletable5 td {
  padding: 10px;
  font-size: 16px;
  border: 1px solid #999;
}

.simpletable5 th {
  background-color: #eee;
  text-align: center;
  width: 5%;
}


/* --------------------------------------------------- STANDARD-R (th width15) */
.simpletableR {
  border-collapse: collapse;
  width: 100%;
}

.simpletableR th,
.simpletableR td {
  padding: 10px;
  border: 1px solid #999;
}

.simpletableR th {
  background-color: #eee;
  text-align: center;
  width: 15%;
}

.cellR {
  text-align: left;
  font-weight: bold;
  width: 15%;
}

@media screen and (max-width: 768px) {
  .simpletableR {
    border-collapse: collapse;
    width: 100%;
  }

  .simpletableR th,
  .simpletableR td {
    padding: 5px;
    border: 1px solid #999;
  }

  .simpletableR th {
    background-color: #eee;
    text-align: left;
    width: 5%;
  }

  .cellR {
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    width: 8%;
  }
}

/* --------------------------------------------------- DIRECTOR */
.simpletable25 {
  width: 100%;
}

.simpletable25 th,
.simpletable25 td {
  padding: 10px 25px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
}

.simpletable25 th {
  font-weight: 500;
  text-align: left;
  width: 20%;
}

.simpletable25 .cell {
  text-align: left;
  font-weight: bold;
  width: 34%;
}

.simpletable25 .cellR {
  text-align: left;
  font-weight: 500;
  width: 46%;
}


@media screen and (max-width: 768px) {
  .simpletable25 {
    border-top: 0px solid #999;
  }

  .simpletable25 td {
    display: block;
    width: 98%;
    border: none;
  }

  .simpletable25 th {
    display: block;
    background-color: #eee;
    width: 100%;
    border: none;
  }

  .simpletable25 .cell {
    width: 98%;
    text-align: left;
    font-weight: bold;
    font-size: 1.2em;
    border: none;
  }

  .simpletable25 .cellR {
    width: 90%;
    text-align: left;
    color: #777;
    font-weight: 500;
    font-size: 1.0em;
    margin-bottom: 20px;
    border: none;
  }
}


/* --------------------------------------------------- ISO */
.simpletable32 {
  border-collapse: collapse;
  width: 100%;
}

.simpletable32 th,
.simpletable32 td {
  padding: 10px;
  border: 1px solid #999;
}

.simpletable32 th {
  background-color: #eee;
  text-align: left;
  width: 32%;
}


@media screen and (max-width: 768px) {
  .simpletable32 {
    border-top: 0px solid #999;
    width: 98%;
  }

  .simpletable32 td {
    display: block;
    width: 96%;
    border: none;
  }

  .simpletable32 th {
    display: block;
    width: 98%;
  }
}

/* --------------------------------------------------- NEWS */
.news_table {
  width: 100%;
  background-color: #fff;
}

.news_table th {
  padding: 12px 0px 10px 20px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  text-align: left;
  font-weight: 400;
  width: 27%;
}

.news_table td {
  padding: 12px 10px 10px 5px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  text-align: left;
  width: 73%;
  white-space: normal;
}

.news_table span {
  margin-left: 18px;
}

.news_table a:hover {
  color: #f49d9d;
}

.news_table .info1,
.news_table .info2,
.news_table .info3,
.news_table .info4,
.news_table .info5,
.news_table .info6,
.news_table .info7 {
  width: 120px;
  padding-top: 2px;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}

.news_table .info1 {
  background-color: #AA5554;
}

.news_table .info2 {
  background-color: #4169e1;
}

.news_table .info3 {
  background-color: #249bb3;
}

.news_table .info4 {
  background-color: #327A00;
}

.news_table .info5 {
  background-color: #663366;
}

.news_table .info6 {
  background-color: #B56E0A;
}

.news_table .info7 {
  background-color: #696969;
}

.news_table .newscell {
  text-align: left;
  font-size: 14px;
  width: 98%;
}


@media screen and (max-width: 768px) {
  .news_table {
    width: 100%;
    border-top: 1px solid #999;
  }

  .news_table th {
    display: block;
    padding: 4px 5px 2px 5px;
    background-color: #fafafa;
    width: 100%;
    font-size: 12px;
    border: none;
  }

  .news_table span {
    margin-left: 8px;
  }

  .news_table td {
    display: block;
    width: 96%;
    padding: 3px 10px 4px 5px;
    border-top: none;
    border-bottom: #3498db 1px solid #999;
    font-size: 14px;
    white-space: normal;
  }

  .news_table .info1,
  .news_table .info2,
  .news_table .info3,
  .news_table .info4,
  .news_table .info5,
  .news_table .info6,
  .news_table .info7 {
    font-size: 10px;
  }

  .news_table .info1 {
    width: 90px;
    padding-top: 1px;
  }

  .news_table .info2 {
    width: 90px;
    padding-top: 1px;
  }

  .news_table .info3 {
    width: 90px;
    padding-top: 1px;
  }

  .news_table .info4 {
    width: 90px;
    padding-top: 1px;
  }

  .news_table .info5 {
    width: 90px;
    padding-top: 1px;
  }

  .news_table .info6 {
    width: 90px;
    padding-top: 1px;
  }

  .news_table .info7 {
    width: 90px;
    padding-top: 1px;
  }
}

/* --------------------------------------------------- RESULTS */
.ir_results {
  width: 100%;
  background-color: #fff;
}

.ir_results th {
  padding: 12px 0px 10px 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  text-align: left;
  font-weight: 400;
  width: 20%;
}

.ir_results td {
  padding: 12px 0px 10px 5px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  text-align: left;
}

.ir_results a {
  display: block;
  width: 100%;
  height: 100%;
}

.ir_results a:hover {
  color: #f49d9d;
}

.ir_results .large {
  padding: 12px 0px 10px 20px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  font-size: 18px;
  text-align: left;
}

.ir_results.ircell {
  width: 30%;
}


@media screen and (max-width: 768px) {
  .ir_results {
    border-top: 1px solid #999;
  }

  .ir_results th {
    display: block;
    padding: 4px 5px 2px 10px;
    background-color: #fafafa;
    width: 100%;
    font-size: 14px;
    border: none;
  }

  .ir_results td {
    display: block;
    padding: 3px 5px 4px 10px;
    text-align: left;
    border-top: none;
    border-bottom: 1px solid #999;
    font-size: 14px;
  }

  .ir_results .ircell {
    display: none;
  }

  .ir_results img {
    display: none;
  }
}

/* --------------------------------------------------- RESULTS2 */
.ir_results2,
.ir_results3 {
  width: 100%;
  background-color: #fff;
}

.ir_results2 th,
.ir_results3 th {
  padding: 12px 0px 10px 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  text-align: left;
  font-weight: 400;
}

.ir_results2 th {
  width: 100px;
}

.ir_results3 th {
  width: 20%;
}

.ir_results2 td,
.ir_results3 td {
  padding: 12px 0px 10px 5px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  text-align: left;
}

.ir_results2 a,
.ir_results3 a {
  display: block;
  width: 100%;
  height: 100%;
}

.ir_results2 a:hover,
.ir_results3 a:hover {
  color: #f49d9d;
}

.ir_results2 .large,
.ir_results3 .large {
  padding: 12px 0px 10px 20px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  font-size: 18px;
  text-align: left;
}

.ir_results2 .ircell,
.ir_results3 .ircell {
  width: 20%;
}

.ir_results2 .ircell a,
.ir_results3 .ircell a {
  display: block;
  width: 100%;
  height: 100%;
}

.ir_results2 img[src$="icon_ir.png"] {
  width: 35px;
  height: 40px;
}

.ir_results2 a[class="pbOpenNewWindow"]:after,
.ir_results3 a[class="pbOpenNewWindow"]:after {
  content: "\f1c1";
  font-family: FontAwesome;
  padding: 0 0 0 10px;
  font-weight: normal;
  color: #cc0000;
  text-decoration: none;
}


@media screen and (max-width: 768px) {

  .ir_results2,
  .ir_results3 {
    border-top: 1px solid #999;
  }

  .ir_results2 th,
  .ir_results3 th {
    display: block;
    padding: 4px 5px 2px 10px;
    background-color: #fafafa;
    width: 100%;
    font-size: 14px;
    border: none;
  }

  .ir_results2 td,
  .ir_results3 td {
    display: block;
    padding: 3px 5px 4px 10px;
    text-align: left;
    border-top: none;
    border-bottom: 1px solid #999;
    font-size: 14px;
  }

  .ir_results2 .ircell,
  .ir_results3 .ircell {
    display: none;
  }

  .ir_results2 img,
  .ir_results3 img {
    display: none;
  }
}

/* --------------------------------------------------- IR Calendar */
.ir_calendar {
  width: 100%;
}

.ir_calendar th {
  padding: 12px 20px 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  text-align: left;
  font-weight: 700;
  width: 15%;
}

.ir_calendar td {
  padding: 12px 10px 10px 5px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .ir_calendar {
    width: 100%;
    border: 0px solid #999;
  }

  .ir_calendar th {
    display: block;
    margin-top: 15px;
    padding: 5px 5px 5px 10px;
    background-color: #eee;
    width: 100%;
    font-size: 17px;
    font-weight: blod;
    border: none;
    text-align: left;
  }

  .ir_calendar td {
    display: block;
    padding: 3px 7px 4px 10px;
    width: 96%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #999;
  }
}


/* --------------------------------------------------- TOCOLOGY */
.tecnology {
  width: 100%;
}

.tecnology th {
  padding: 12px 20px 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  text-align: left;
  font-weight: 700;
  width: 25%;
}

.tecnology td {
  padding: 12px 10px 10px 5px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  text-align: left;
}

.tecnology .tecnologycell {
  width: 10%;
}


@media screen and (max-width: 768px) {
  .tecnology {
    width: 100%;
    border: 0px solid #999;
  }

  .tecnology th {
    display: block;
    margin-top: 15px;
    padding: 5px 5px 5px 10px;
    background-color: #eee;
    width: 100%;
    font-size: 17px;
    font-weight: blod;
    border: none;
    text-align: left;
  }

  .tecnology td {
    display: block;
    padding: 3px 7px 4px 10px;
    width: 96%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #999;
  }

  .tecnology .tecnologycell {
    display: none;
  }
}

/* --------------------------------------------------- TOCOLOGY2 */
.tecnology2 {
  width: 100%;
}

.tecnology2 th {
  padding: 12px 20px 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  text-align: left;
  font-weight: 700;
  width: 32%;
}

.tecnology2 td {
  padding: 12px 10px 10px 5px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  text-align: left;
}


@media screen and (max-width: 768px) {
  .tecnology2 {
    border-bottom: 1px solid #999;
  }

  .tecnology2 th {
    display: block;
    margin-top: 15px;
    padding: 5px 5px 5px 10px;
    background-color: #eee;
    width: 100%;
    font-size: 17px;
    font-weight: blod;
    border: none;
    text-align: left;
  }

  .tecnology2 td {
    display: block;
    padding: 3px 7px 4px 10px;
    width: 96%;
    border: none;
    text-align: left;
  }

  .tecnology2 .bor {
    border-top: 1px solid #999;
  }
}


/* --------------------------------------------------- NETWORK */
.simpletable15 {
  border-collapse: collapse;
  width: 100%;
}

.simpletable15 br {
  display: none;
}

.simpletable15 span {
  padding-right: 24px
}

.simpletable15 th,
.simpletable15 td {
  padding: 10px 20px;
  border: 1px solid #999;
}

.simpletable15 th {
  background-color: #eee;
  text-align: center;
  width: 20%;
}

.simpletable15 .cell {
  text-align: center;
  font-weight: bold;
  width: 14%;
}

.simpletable15 .cell .fa {
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
}

.simpletable15 .cellR {
  text-align: left;
  font-weight: bold;
  width: 10%;
}

@media screen and (max-width: 768px) {
  .simpletable15 {
    border-top: 0px solid #999;
    width: 97%;
    font-size: 15px;
  }

  .simpletable15 br {
    display: block;
  }

  .simpletable15 td {
    display: block;
    padding: 5px;
    width: 100%;
    border: none;

  }

  .simpletable15 th {
    display: block;
    padding: 5px 10px;
    width: 96%;
    text-align: left;
  }

  .simpletable15 .cell {
    text-align: left;
    font-weight: bold;
    width: 100%;
  }

  .simpletable15 .cellR {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 30px;
  }
}

/* --------------------------------------------------- GROUP*/
.group_other {
  width: 100%;
  background-color: #fff;
}

.group_other th {
  padding: 12px 0px 10px 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  text-align: left;
  font-size: 1.2em;
  font-weight: 700;
  width: 88%;
}

.group_other2 {
  padding: 10px 0px;
  text-align: center;
  font-size: 1.0em;
  width: 100%;
}

.group_other td {
  padding: 12px 0px 10px 5px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  text-align: left;
}


@media screen and (max-width: 768px) {
  .group_other {
    border-top: 1px solid #999;
  }

  .group_other th {
    display: block;
    padding: 4px 0px 2px 5px;
    background-color: #fafafa;
    width: 100%;
    font-size: 1.0em;
    border: none;
  }

  .group_other td {
    display: block;
    padding: 3px 0px 4px 5px;
    text-align: left;
    font-size: 0.8em;
    border-top: none;
    border-bottom: 1px solid #999;
  }

}

/* --------------------------------------------------- DATASHEET */

.datasheet_box {
  text-align: left;
  margin: 0px auto 100px;
  width: 600px;
}


.datasheet {
  width: 100%;
  background-color: #fff;
}

.datasheet th {
  padding: 12px 20px 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-size: 16px;
  text-align: left;
  font-weight: 700;
  width: 26%;
}

.datasheet td {
  padding: 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}

.datasheet .datasheetcell {
  width: 5%;
}

.datasheet .datasheetcellR {
  width: 34%;
  padding-bottom: 20px;
  text-align: center;
}

.datasheet img {
  width: 35px;
  height: 40px;
}

@media screen and (max-width: 480px) {
  .datasheet_box {
    text-align: left;
    margin: 0px auto 100px;
    width: 100%;
  }

  .datasheet {
    width: 98%;
    border: 0px solid #999;
  }

  .datasheet th {
    display: block;
    margin-top: 14px;
    padding: 4px;
    background-color: #eee;
    width: 100%;
    font-size: 16px;
    font-weight: blod;
    border: none;
    text-align: left;
  }

  .datasheet td {
    display: block;
    padding: 1px 0px 2px 5px;
    font-size: 12px;
    text-align: left;
    border: none;
    border-bottom: 1px solid #999;
  }

  .datasheet .datasheetcell {
    display: block;
    padding: 3px 0px 4px 5px;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #999;
  }

  .datasheet .datasheetcellR {
    display: block;
    margin: 14px auto;
    padding: 3px 0px 4px 5px;
    width: 100%;
    text-align: center;
    border: none;
    border-bottom: 1px solid #999;
  }

  .datasheet img {
    width: 10%;
    height: 10%;
  }
}


/* --------------------------------------------------- SEAJET */
.datasheetR {
  width: 100%;
  background-color: #fff;
  word-break: break-all;
}

.datasheetR th {
  padding: 12px 20px 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-size: 18px;
  text-align: left;
  font-weight: 700;
  width: 25%;
}

.datasheetR td {
  padding: 12px 0px 10px 5px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
  font-weight: 500;
  text-align: left;
}

.datasheetR .datasheetcellR {
  width: 20%;
  padding-bottom: 20px;
  text-align: center;
}

.datasheetR img {
  width: 35px;
  height: 40px;
}


@media screen and (max-width: 480px) {
  .datasheetR {
    width: 98%;
    border: 0px solid #999;
    word-break: break-all;
  }

  .datasheetR th {
    display: block;
    margin-top: 15px;
    padding: 5px;
    background-color: #eee;
    width: 100%;
    font-size: 14px;
    font-weight: blod;
    border: none;
    text-align: left;
  }

  .datasheetR td {
    display: block;
    padding: 3px 0px 4px 5px;
    text-align: left;
    border: none;
    border-bottom: 1px solid #999;
  }

  .datasheetR .datasheetcellR {
    display: block;
    padding: 3px 0px 4px 5px;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #999;
  }

  .datasheetR img {
    width: 10%;
    height: 10%;
  }

}


/* --------------------------------------------------- form */
.simpletableform {
  border-collapse: collapse;
  width: 100%;
}

.simpletableform th,
.simpletableform td {
  padding: 5px;
  border: 1px solid #999;
}

.simpletableform th {
  background-color: #eee;
  text-align: left;
  width: 15%;
}



@media screen and (max-width: 768px) {
  .simpletableform {
    border: none;
  }

  .simpletableform td {
    display: block;
    text-align: left;
  }

  .simpletableform th {
    display: block;
    border: none;
    width: 100%;
  }
}

/* --------------------------------------------------- Corporate Data */
.simpletable20 {
  border-collapse: collapse;
  width: 100%;
}

.simpletable20 br {
  display: none;
}

.simpletable20 span {
  padding-right: 24px
}

.simpletable20 th,
.simpletable20 td {
  padding: 10px 20px;
  border: 1px solid #999;
}

.simpletable20 th {
  background-color: #eee;
  text-align: center;
  width: 20%;
}

.simpletable20 th.t_top {
  border-top: #be1309 4px solid;
}

.simpletable20 td.t_top {
  border-top: #b3b3b3 4px solid;
}


@media screen and (max-width: 768px) {
  .simpletable20 {
    border-top: 0px solid #999;
    width: 98%;
  }

  .simpletable20 br {
    display: block;
  }

  .simpletable20 td {
    display: block;
    padding: 5px 15px;
    width: 98%;
    border: none;
  }

  .simpletable20 th {
    display: block;
    padding: 5px 15px;
    width: 98%;
    text-align: left;
    border: none;
  }
}

/* --------------------------------------------------- STANDARD (width45) */
.simpletable45 {
  border-collapse: collapse;
  width: 100%;
}

.simpletable45 th,
.simpletable45 td {
  padding: 10px;
  border: 1px solid #999;
}

.simpletable45 th {
  background-color: #eee;
  text-align: center;
  width: 35%;
}

@media screen and (max-width: 768px) {
  .simpletable45 {
    width: 98%;
    border: 0px solid #999;
  }

  .simpletable45 td {
    display: block;
    border: none;
    width: 100%;
    text-align: left;
  }

  .simpletable45 th {
    display: block;
    border: none;
    width: 100%;
    text-align: left;
  }
}

/* --------------------------------------------------- STANDARD 2 (width12) */
.simpletable12 {
  border-collapse: collapse;
  width: 100%;
}

.simpletable12 th,
.simpletable12 td {
  padding: 10px;
  border-style: solid;
  /* �g�̎�� */
  border-color: #C0C0C0;
  /* �g�̐F */
  border-width: 1px 0px;
  /* �g�̕� */
}

.simpletable12 th {
  text-align: left;
  width: 12%;
}

.simpletable12 td {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .simpletable12 {
    width: 98%;
    border: 0px solid #999;
  }

  .simpletable12 td {
    display: block;
    border: none;
    width: 100%;
    text-align: left;
  }

  .simpletable12 th {
    display: block;
    background-color: #eee;
    border: none;
    width: 100%;
    text-align: left;
  }
}




/* --------------------------------------------------- New Table */

.responsive {
  border-collapse: collapse;
  width: 100%;
}

.responsive th,
.responsive td {
  border: 1px solid #dddddd;
  padding: 10px;
  text-align: center;
}

.responsive .txt_tittle {
  font-weight: 600;
}

.responsive th p {
  font-weight: 400;
  font-size: 14px;
}

.responsive td.txt-center {
  text-align: center;
  padding: 0px 10px;
  width: 200px;
  font-weight: 600;
}

.responsive td.txt-left {
  text-align: left;
  padding: 0px 10px;
  width: 200px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .responsive {
    border-collapse: separate;
    border-spacing: 0 20px;
  }

  .responsive thead {
    display: none;
  }

  .responsive tr {
    background-color: #f6f6f6;
    padding: 5px;
  }

  .responsive td {
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
  }

  .responsive td.col-6 {
    float: left;
    width: 50%;
  }

  .responsive td.txt-center {
    text-align: left;
    padding: 10px 5px;
    width: 100%;
    font-size: 18px;
  }

  .responsive td.txt-left {
    text-align: left;
    padding: 10px 5px;
    width: 100%;
    font-size: 18px;
  }

  .responsive td:before {
    content: attr(data-title) " ";
  }

  .responsive .clear {
    clear: both;
  }
}