#main-column {
  width: 75%;
  max-width: 944px;
  margin: 0 auto;
}

#contents {
  display: flex;
}

.provision-wrapper {
  margin-bottom: 48px;
}

.provision-wrapper ul {
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: outside;
}

.provision-wrapper ul li {
  font-size: 16px;
  margin: 0;
  line-height: 30px;
}

.provision-title {
  font-weight: 600;
  font-size: 20px;
}

.provision-subtitle {
  font-weight: 600;
  font-size: 16px;
}

/*アコーディオン*/
/*ベース*/
.provision-wrapper .toggle {
	display: none;
}
.provision-wrapper .Label {		/*タイトル*/
	padding: 0.3em 0.5em 0.3em 1em;
  margin: 0.5em 0 0.5em 1em;
	width: 560px;
	display: block;
	color: #fff;
	background:#999;
}
.provision-wrapper .Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 45% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.provision-wrapper .Label,
.provision-wrapper .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.provision-wrapper .content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.provision-wrapper .toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:10px 20px ;
	transition: all .3s;
}
.provision-wrapper .toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

#main-column h2 {
  font-size: 24px;
  margin: 24px 0;
  font-weight: bold;
}

#main-column h1 {
  font-size: 24px;
  margin: 24px 0;
  font-weight: bold;
}

.provision-wrapper p,
.qa-wrapper p {
  font-size: 16px;
  margin: 0;
  line-height: 30px;
}

.qa-content-tab-title h3 {
  font-size: 16px;
  font-weight: 600;
  padding: 0 0 5px 8px;
  margin: 0 0 24px 0px;
  border-bottom: solid 2px #cccccc;
  position: relative;
}

.qa-content-tab-title h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #666666;
  bottom: -2px;
  left: 0px;
  width: 4%;
}

#base-column button {
  font-family: -apple-system, BlinkMacSystemFont, Noto Sans JP;
}

/* ブラウザ既定のスタイルを無効化 */
.qa-title-tab-button:hover {
  background: transparent;
  border: none;
}

.accordionBtn:hover {
  background: #f2f4f5;
  border: 1px solid #dfe3e5;
}

.qa-title-tab-button:focus {
  background: transparent;
  border: none;
}

.accordionBtn:focus {
  background: #f2f4f5;
  border: 1px solid #dfe3e5;
}

.qa-title-tab-button:active {
  background: transparent;
  border: none;
  box-shadow: none;
}

.accordionBtn:active {
  background: #f2f4f5;
  border: 1px solid #dfe3e5;
  box-shadow: none;
}

.qa-to-contactus svg {
  margin-right: 16px;
}

#qa-title-tab {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.qa-title-tab-title {
  border-bottom: 2px solid #707070;
  margin-bottom: 24px;
}

.qa-title-tab-button {
  margin-bottom: 16px;
  border: none;
  border-radius: 16px;
  background: transparent;
  padding: 7px 16px 8px;
  font-size: 12px;
  cursor: pointer;
}

.qa-title-tab-button.active {
  background: #f2f4f5;
}

.qa-contents-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
}

#base-column ul,
#main-column ul {
/*  padding-left: 0;*/
}

.include-accordion li {
  list-style: none;
}

.qa-contents-box ul ul {
  height: 0;
  padding: 0;
  overflow: hidden;
  transition: 0.5s;
  border: 1px solid #dfe3e5;
  margin: 0;
}

.qa-contents-box ul li li {
  margin: 12px 16px 16px;
  font-size: 14px;
  line-height: 21px;
}

.accordionBtn {
  position: relative;
  border: 1px solid #dfe3e5;
  margin-bottom: -2px;
  border-radius: 4px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: 11px 54px 12px 16px;
  font-size: 14px;
  background-color: #f2f4f5;
  font-weight: normal;
}

.accordionBtn::before,
.accordionBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5px;
  height: 8px;
  background-color: #333333;
  transition: 0.5s;
}

.accordionBtn::before {
  transform: rotate(-45deg);
  right: 35px;
}

.accordionBtn::after {
  transform: rotate(45deg);
  right: 30px;
}

li.active button::before {
  transform: rotate(-135deg);
  transition: 0.5s;
}

li.active button::after {
  transform: rotate(135deg);
  transition: 0.5s;
}

ul.active {
  overflow-y: auto;
}

.qa-to-contactus {
  display: flex;
  justify-content: center;
  align-items: center;
}

.qa-to-contactus a {
  width: 464px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  background: #618fea;
  transition: 0.5s;
  border-radius: 4px;
  margin-top: 32px;
  padding: 11px 0 13px;
}

.qa-to-contactus a:hover {
  background: rgba(97, 143, 234, 0.8);
}

.qa-to-contactus-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.qa-wrapper {
  margin-bottom: 48px;
}

#base-column {
  display: none;
}