/**
 * consumer/support/inquiry/index.css
 * created --- 2016/04/15
 * updated --- 2016/05/26
 * updated --- 2016/06/29
 * updated --- 2016/11/25
 * updated --- 2017/03/02
 * updated --- 2021/10/10
 * updated --- 2023/01/27
 * updated --- 2023/02/22
 */

/*========================================

  #Troubleshooting

========================================*/
/*----------------------------------------
  .inq-faq
----------------------------------------*/
.inq-faq {
  margin: 40px auto 0;
  /*padding: 50px 60px; */
	padding: 5.2631578% 6.3157894%;
  background-color: #fff3e2;
}
.inq-faq h3 {
  /*margin-bottom: 40px;*/
  margin-bottom: 4.8192771%;
  font-size: 112.5%;
  line-height: 1.2;
}
.inq-faq ul {
  padding: 0 0 0 20px;
  list-style: disc;
}
.inq-faq li {
  margin: 12px 0 0;
}
.inq-faq li:first-child {
  margin: 0;
}
.inq-faq li a {
  font-size: 100%;
  line-height: 1.4;
  color: #b47814;
}

@media (max-width: 639px) {
  .inq-faq {
    padding: 8.6206896% 6.8965517%;
  }
  .inq-faq h3 {
    margin-bottom: 30px;
  }
  .inq-faq li a {
    line-height: 1.3;
  }
}

/*----------------------------------------
  .inq-search-
----------------------------------------*/
.inq-search-faq {
  margin-top: 60px;
}
.inq-search-tsn {
  margin-top: 40px;
}

@media (max-width: 639px) {
  .inq-search-faq {
    margin-top: 40px;
  }
  .inq-search-tsn {
    margin-top: 40px;
  }
}

/*----------------------------------------
  .inq-attention
----------------------------------------*/
.inq-attention {
  margin: 20px auto 0;
  padding: 30px;
  background-color: #e9eff5;
}
.inq-attention strong {
  display: block;
  font-size: 100%;
  line-height: 1.2;
}
.inq-attention strong:before {
  vertical-align: middle;
  margin: 0 5px 0 0;
  width: auto;
  font-size: 281.3%;
  color: #474747;
}
.inq-attention strong span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  text-align: left;
}
.inq-attention ul {
  margin: 20px 0;
  padding: 15px 0 15px 20px;
  list-style: none;
  font-size: 0;
  background-color: #fff;
}
.inq-attention li {
  display: inline-block;
  vertical-align: top;
  margin: 3px 0;
  /*width: 290px;*/
  width: 33.333%;
  font-size: 15px;
  font-size: 0.938rem;
  line-height: 1.2;
}
.inq-attention p {
  font-size: 93.8%;
}
.inq-attention .btn-box {
  margin-top: 20px;
}
.inq-attention .btn-box .btnInline {
  box-sizing: border-box;
  padding: 12px 22px;
  max-width: 266px;
  width: 100%;
  font-size: 14px;
  line-height: 1.2;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media (max-width: 639px) {
  .inq-attention {
    margin: 40px auto 0;
    padding: 20px 4.6875%;
  }
  .inq-attention ul {
    padding: 15px 0 15px 15px;
  }
  .inq-attention li {
    display: block;
    margin: 5px 0;
    width: auto;
    font-size: 0.875rem;
  }
}
@media (max-width: 480px) {
  .inq-attention strong span {
    display: block;
    margin: 10px 0 0;
    text-align: center;
  }
}

/*----------------------------------------
  .inq-callcenter
----------------------------------------*/
.inq-callcenter {
  margin: 30px 0 0;
}
.inq-callcenter h3 {
  font-size: 125%;
  line-height: 1.2;
  text-align: center;
}
.inq-callcenter em {
  display: block;
  margin: 7px 0 0;
  font-size: 110%;
  font-style: normal;
  line-height: 1.2;
  text-align: center;
}
.tel {
  margin: 30px 30px 30px 30px;
  font-size: 200%;
  display: inline-table;
  vertical-align: top;
}
.inq-callcenter .tel2 {
  margin: 8px 0 0;
  font-size: 87.5%;
  line-height: 1.2;
  text-align: center;
}
.inq-callcenter .tel2 strong {
  position: relative;
  top: 4px;
  margin: 0 0 0 10px;
  font-size: 171.4%;
}
.teltext {
  margin: 8px 0 0;
  font-size: 87.5%;
  line-height: 1.2;
  text-align: center;
}
.inq-callcenter .caution {
  margin: 20px auto 0;
  text-align: center;
}
.inq-callcenter .caution-txt {
  display: inline-block;
  text-align: left;
  font-size: 75%;
  line-height: 1.6;
}
.inq-callcenter .attention {
  margin: 20px 0;
  padding: 10px 20px;
  border: 1px solid #EB0000;
}
.inq-callcenter .attention p {
  color: #EB0000;
}

@media (max-width: 480px) {
  .tel {
    font-size: 160%;
  }
  .inq-callcenter .tel2 strong {
    font-size: 150%;
  }
  .teltext {
  text-align: left;
}
}
@media (max-width: 320px) {
  .tel {
    font-size: 100%;
  }
  .inq-callcenter .tel2 strong {
    font-size: 120%;
  }
  .teltext {
  text-align: left;
}
}

/*========================================

  #ContactIndex

========================================*/
.inq-grid {
  font-size: 0;
}
.inq-grid .item {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  margin: 4.2105263% 0 0 4.2105263%;
  padding: 3.1578947% 2.6315789% 2.6315789%;
  width: 30.5263157%;
  border: 1px solid #b8b9bd;
  font-size: 16px;
  font-size: 1rem;
}
.inq-grid .item:nth-child(3n+1) {
  margin-left: 0;
}
.inq-grid .img-wrap {
  display: table;
  width: 100%;
  height: 80px;
}
.inq-grid .img-box {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 0;
}
.inq-grid .ttl-wrap {
  display: table;
  margin-top: 10px;
  width: 100%;
  min-height: 45px;
}
.inq-grid .ttl-wrap h3 {
  display: table-cell;
  vertical-align: top;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.35;
  text-align: center;
}
.inq-grid .txt-wrap {
  margin-top: 5px;
  min-height: 40px;
  text-align: center;
}
.inq-grid .txt-wrap p {
  margin-top: 20px;
  font-size: 81.3%;
  line-height: 1.57;
}
.inq-grid .txt-wrap p:first-child {
  margin-top: 0;
}
.inq-grid .btn {
  display: table;
  margin-top: 10px;
  padding: 0;
  width: 100%;
  height: 46px;
  font-size: 14px;
  line-height: 1.2;
}
.inq-grid .btn span {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0 30px;
}

@media (max-width: 639px) {
  .inq-grid .item {
    display: block;
    margin: 20px 0 !important;
    padding: 15px;
    width: auto;
  }
  .inq-grid .ttl-wrap {
    min-height: 0;
  }
  .inq-grid .txt-wrap {
    margin-top: 10px;
    min-height: 0;
  }
  .inq-grid .txt-wrap p {
    margin-top: 15px;
  }
  .inq-grid .btn {
  margin-top: 20px;
  }
}

/* updated --- 2023/02/20
   setup_rc_block
----------------------------------- */
.setup_rc_block{
	flex-wrap: wrap;
	display: grid;
	grid-template: repeat(1, 1fr) / repeat(2, 1fr);
	gap: 0 30px;
}
@media (max-width: 639px) {
  .setup_rc_block{
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
    gap: 20px 0;
  }
}
.setup_rc_block li{
	padding:20px;
	border:1px #bfbfbf solid;
	box-sizing:border-box;
	list-style:none;
}
@media (max-width: 639px) {
  .setup_rc_block li{
    padding:15px;
  }
}
.setup_rc_block li a{
  color: #000;
  font-weight: bold;
	align-items: center;
	display:flex;
}
.setup_rc_block li a > h3 {
  width:45%;
}
@media (max-width: 639px) {
  .setup_rc_block li a > h3 {
    width:40%;
  }
}
.setup_rc_block li a > h3 img{
  width:100%;
  vertical-align: bottom;
}
.setup_rc_block li a > p{
  margin:0 4% 0 10%;
  position: relative;
  flex:1;
}
@media (max-width: 1100px) {
  .setup_rc_block li a > p{
	font-size: clamp(15px, 1vw, 20px);
  }
}
@media (max-width: 639px) {
  .setup_rc_block li a > p{
    margin:0 0% 0 5%;
  }
}
.setup_rc_block li a > p:after{
  content: "\e826";
  position: absolute;
  right: 4.3859649%;
  top: 50%;
  margin-top: -6.5px;
  color: #000;
  font-size: 8px;
  font-family: "fontello";
  line-height: 13px;
}