@charset "UTF-8";

/**********************************************************
 *
 * PCパーツ
 *
 **********************************************************/

/* .switching-accordion */

.switching-accordion {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px 40px;
}

.switching-accordion__head {
	margin: 20px 0 0;
	padding: 0 10px;
	width: 50%;
	position: relative;
	outline: none;
}
.switching-accordion__head:focus-visible > a {
	outline: 3px solid #000;
	outline-offset: 1px;
}

.switching-accordion__head h3{
	text-align: center;
}

.switching-accordion__head.is-open .switching-accordion-panel {
	background-color: #8d8d8d;
}

.switching-accordion__body {
	padding: 24px 7px 0;
	width: 100%;
}

.switching-accordion__body-inner {
	padding: 25px 20px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
}

/* .switching-accordion-panel */
.switching-accordion-panel {
	display: table;
	padding: 15px 30px;
	width: 100%;
	min-height: 104px;
	position: relative;
	cursor: pointer;
	transition: 0.1s ease;
}

/* パネル外枠 */
.switching-accordion-panel {
	background-color: #f6f6f6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: rgba(4, 0, 0, 0.2) 0 1px 5px;
	box-shadow: rgba(4, 0, 0, 0.2) 0 1px 5px;
	border-radius: 4px;
}

a.switching-accordion-panel {
	border: 0;
	font: inherit;
	vertical-align: baseline;
	color: #333;
	text-decoration: none;
}

.switching-accordion-panel__image {
	display: table-cell;
	width: 60px;
	height: auto;
	vertical-align: middle;
}

.switching-accordion-panel__image-item {
	width: 100%;
	height: auto;
}

.switching-accordion-panel__title {
	display: table-cell;
	padding-left: 5px;
	font-size: 115%;
	font-weight: bold;
	vertical-align: middle;
}


.box-bg-gray{
	background-color: #f2f2f2;
}

/* アイコン付きテキスト */
.icon-txt {
	display: flex;
	align-items: center;
}
.icon-txt > img {
	padding-right: 6px;
}

/* 受付時間 */
.txt-reception-time{
  position: relative;
}
.txt-reception-time--mark{
  position: absolute;
  right: 0;
  top: 0;
}

/* 電話番号 */
.icon-phone__tel::before{
  content: '';
  display: inline-block;
  width: 12px;
  height: 16px;
  background: url("/support/inquiry/images/common/icon_phone.png") center no-repeat;
  background-size: contain;
  margin: 0;
}

p.icon-phone__tel{
  border-bottom: 2px solid #000;
}

.txt-tell--free{
  font-size: 16px;
  line-height: 0.7 !important;
  display: inline-block;
  margin-bottom: 10px;
}

.txt-tell--free-number{
  font-size: 22.08px;
  font-weight: bold;
}

.txt-tell-head--gray,
.txt-tell-body--gray{
  color: #767676;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.txt-tell-body--gray a.js-tel:hover {
  color: #767676 !important;
}

.txt-tell-head--gray {
  position: relative;
}
.txt-tell-head--gray-arrow{
  cursor: pointer;
}
.txt-tell-head--gray-arrow:after{
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid;
  margin: 0 0.5em;
  border-color: transparent transparent #767676 #767676;
  background-color: transparent;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

.js-txt-tell-head--open .txt-tell-head--gray-arrow:after {
  margin: 0.4em 0.5em;
  border-color: transparent transparent #767676 #767676;
  background-color: transparent;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
}

/* 音声ガイダンス スキップ番号 */
.box-common__skip-num{
  margin: 10px 0 30px;
}

.skip-num-block{
  margin-bottom: 10px;
}

/* １列の場合 */
.skip-num-block .skip-num--tit-common-lv5,
.skip-num-block .skip-num--tit-common-lv6,
.skip-num-block .skip-num--txt-common{
  display: inline-block;
  margin-bottom: 0;
}

.skip-num-block p.skip-num--innner{
  display: inline-block;
  margin: 0.2em 0;
}

/* 複数列の場合 */
.skip-num-block .skip-num--innner{
	vertical-align:baseline;
	line-height:1.8 !important;
}


.skip-num-block .skip-num--number-block{
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 17px;
}

.skip-num-block .skip-num--number{
	background:#21ace3;
	display:inline-block;
	margin:0 0.2em 0.1em;
  padding: 4px 8px;
	text-align:center;
	color:#fff;
  line-height: 1;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.skip-num-block .list-common__item.skip-num--innner:before {
  line-height: 2.5;
}

.table-common__guidance{
  margin-top: 30px;
}

/* 汎用ボックス */
.inquiry-modal-content .box-common{
  padding: 10px;
}