@charset "UTF-8";
/* CSS Document */
.showcase{
  background: #bdbdbd;
}
.showcase .commonparts_box {
  min-height: 213px !important;
}
.machinaka_index  .commonparts_box{
  background: #bdbdbd;
}
.commonparts_box .box_list li a .btn p {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #414141;
  background: #eee url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow.png) no-repeat right bottom;
  padding: 12px 12px 24px;
  text-align: left;
  transition: all .1s ease-in-out;
  font-weight: bold;
}
.commonparts_box .box_list li a:hover .btn p {
  color: #fff;
  background: #13449d url(https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Ficn_arrow_on.png) no-repeat right bottom;
}
.list-bullet-01.inline{
  display: block;
  clear: both;
  overflow: hidden;
  content: "";
}
.list-bullet-01.inline li {
    float: left;
    margin-right: 14px;
}

/*===========================
  omotenashi_toilet_cnt 
===========================*/
.ttl_border{
  border-left: solid 5px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.blue{
  border-color: #004095;
}
.omotenashi_toilet_cnt h4{
  font-weight: bold;
  margin-bottom: 20px;
}
.private_arrow{
  width: 35px;
  margin: 20px auto 10px;
  text-align: center;
  display: block;
}
.private_txt{
  font-size: 22px!important;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
.global_cnt .private_txt strong{
  font-size: 140%;
}
.global_cnt .private_txt span{
  color:#f00 !important;
}
.box-contents-02{
  margin: 20px 0 10px;
  padding: 19px 20px 15px;
  border: 1px solid #dbdbdb;
}
.box-contents-02 > .hdg{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 114.286%;
}
.list-bullet-01 li{
  text-indent: -10px;
  margin-left: 10px;
}
.list-bullet-01 li:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 10px;
  background: #ccc;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

/*===========================
  global_cnt 
===========================*/
.accommodation-q {
	padding: 3px 0 2px 34px;
	margin: 0 0 10px;
	font-weight: bold;
	background: url(https://toto.imagewave.pictures/%2Fproducts%2Fpublic%2Fmachinaka%2Faccommodations%2Fimages%2Fcommon%2Fpt_q.png) no-repeat left center;
  text-align: left;
}
.accommodation-q span {
	font-weight: normal;
	font-size: 90%;
}
.global_cnt .nav-l,
.global_cnt .nav-r {
  box-sizing: border-box;
  width: 48.9473%;
  margin: 0 0 10px 1.0526%;
  padding: 4px;
  background-color: #f4f4f4;
  border-radius: 3px;
}
.global_cnt .nav-l .nav-inner,
.global_cnt .nav-r .nav-inner {
  padding: 16px;
  background-color: #fff;
  border: 1px solid #d3d3d3;
}
.global_cnt .nav-l .nav-inner .column,
.global_cnt .nav-r .nav-inner .column {
  display: table-cell;
  width: 70%;
  vertical-align: top;
}
.global_cnt .nav-l .nav-inner .img,
.global_cnt .nav-r .nav-inner .img {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
}
.global_cnt .nav-l .nav-inner .hdg,
.global_cnt .nav-r .nav-inner .hdg {
  margin-bottom: 10px;
  padding: 2px 0 0 10px;
  font-weight: bold;
  font-size: 114.28571%;
  color: #666;
  border-left: #004fa2 5px solid;
}
.global_cnt .nav-l .nav-inner .link,
.global_cnt .nav-r .nav-inner .link {
  margin-top: 5px;
  padding-left: 8px;
  position: relative;
}
.global_cnt .nav-l .nav-inner .link:before,
.global_cnt .nav-r .nav-inner .link:before{
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  border-width: 3px 3px;
  border-style: solid;
  border-color: transparent transparent transparent #004fa2;
  content: ""; 
}

/*===========================
  world_cnt 
===========================*/
.world_cnt .box-contents-03 {
  margin: 20px 0 10px;
  padding: 19px 20px 15px;
  background-color: #f6f6f6;
}
.tbl-data-01 {
	width: 100%;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.tbl-data-01 th {
	padding: 8px 15px;
	font-weight: bold;
	color: #555;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}
.tbl-data-01 th a.link {
	display: block;
	padding-left: 18px;
	background: url("https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Fv2%2Ficn_arrow_02.gif") no-repeat 0 .25em;
}
.tbl-data-01 td {
	padding: 8px 15px;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}
.tbl-data-01 td.cell-color01 {
	background-color: #fee0be;
}
.tbl-data-01 td.cell-color02 {
	background-color: #c5eac5;
}
.tbl-data-01 td.cell-color03 {
	background-color: #e0e0e0;
}
.tbl-data-01 td.tight {
	padding: 0;
}
.tbl-data-01 td a.link {
	display: block;
	padding-left: 10px;
	background: url("https://toto.imagewave.pictures/%2Fproducts%2Fcommon%2Fimages%2Fv2%2Ficn_arrow_04.gif") no-repeat 0 .6em;
}
.tbl-data-01 thead th, .tbl-data-01 thead td {
	background-color: #f4f4f4;
}

/*===========================
  interview_cnt 
===========================*/
.tbl-dl-01 table th {
  padding: 0 30px 15px 0;
  font-weight: bold;
  vertical-align: top;
  white-space: nowrap;
}
.tbl-dl-01 table td {
  padding-bottom: 15px;
  vertical-align: top;
}
.interview_cnt .interviewBox .split2{
  width: auto;
}
.interview_cnt .w300{
  width: 300px!important;
  box-sizing: border-box;
}
.interview_cnt .w300 img{
  max-width: 300px!important;
}

/*===========================
  questionnaires
===========================*/
.box_list.nofloat{
  display: block;
}
.box_list.nofloat li{
  float: none;
}
.box_list.nofloat li a{
  text-align: left;
}

/*===========================
  sp
===========================*/
@media screen and (max-width: 767px) {
  .machinaka_index  .commonparts_box{
    background-size: contain;
  }
  .commonparts_sec.showcase{
    min-height: auto!important;
  }
  .showcase .commonparts_box{
    min-height: auto!important;
  }
  #commonparts_ttl{
    font-weight: bold;
  }
  
  /*===========================
    global_cnt 
  ===========================*/
  .global_recommend .box_list,
  .split2.nav-l .box_list.margin,
  .split2.nav-r .box_list.margin{
    margin: 0;
  }
  .global_cnt .box_list.margin .split2{
    width: 100%!important;
    margin: 0 0 2% 0!important;
  }
  .global_cnt .nav-l .nav-inner .column,
  .global_cnt .nav-r .nav-inner .column {
    width: 55%;
  }
  .global_cnt .nav-l,
  .global_cnt .nav-r {
    width: 100%;
    margin: 0;
  }
  /*===========================
    world_cnt
  ===========================*/
  .world_cnt .box-contents-03 {
    padding: 10px;
  }
  .tbl-data-01 th,
  .tbl-data-01 td{
    box-sizing: border-box;
    padding: 5px 4px;
    font-size: .75rem;
  }

}



/**/
.pc-img {
    display: block;
  }
  .sp-img {
    display: none;
  }
.commonparts_box .fSz14r {
  font-size: 1.4rem;
 font-weight: normal;
}
.flex {
  display: flex;
}
.flex .align-center {
  margin: auto;
  align-self: center;
}
.flex .align-left {
  margin-right: auto;
  align-self: center;
}
.flex .align-right {
  margin-left: auto;
  align-self: center;
}

/* X軸 */
.flex .align-x-center {
  margin-right: auto;
  margin-left: auto;
}
.flex .align-x-left {
  margin-right: auto;
}
.flex .align-x-right {
  margin-left: auto;
}

/* Y軸 */
.flex .align-y-center {
  align-self: center;
}
.flex .align-y-top {
  align-self: flex-start;
}
.flex .align-y-bottom {
  align-self: flex-end;
}
@media screen and (max-width: 767px) {
	.pc-img {
    display: none;
  }
  .sp-img {
    display: block;
  }
	.flex {
		flex-direction: column;
	}
	.commonparts_box h2 .fSz14r {
		font-size: 1.12rem;
	}
}


.commonparts_table{
  display: flex;
 align-items: stretch;	
}

.commonparts_table .R_area{
display: flex;
flex-direction: column;
}

.commonparts_table .R_area p {
  justify-content: flex-start;
  align-items:start;
　width: 470px!important;
}

.commonparts_table .R_area .box_list {
  display: flex;
  justify-content: flex-start;
  margin-top: auto;
  align-items:end;
}



@media screen and (max-width: 767px) {
.commonparts_table{
	 display:block;
	 align-items:baseline;
	}
	
}