/* page
-------------------- */
#page main > .wrap{
	padding-inline: 20px;
}

#page section{
	padding-inline: 20px;
}
#page section.bg-gray{
	padding-block: 60px;
}

#page section > h3,
#page section > .wrap > h3{
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-pink);
	color: var(--color-pink);
	font-size: var(--fz-24);
	font-weight: 500;
}

#page.page main > .wrap{
	max-width: 980px;
	padding-bottom: 60px;
}
#page.page main p + :where(h1,h2,h3,h4,h5,h6){
	margin-top: 40px;
}
#page.page main :where(h1,h2,h3,h4,h5,h6) + :where(h1,h2,h3,h4,h5,h6),
#page.page main :where(h1,h2,h3,h4,h5,h6) + p{
	margin-top: 20px;
}

.wp-block-group :is(h1,h2,h3,h4,h5,h6,p){
	margin-block: 1em;
}
.wp-block-separator:has( + h2) {
	margin-block: 60px;
	border-color: var(--color-gray);
}
.wp-block-list{
	margin-left: 1rem;
	list-style-position: outside;
}


/* page - about
-------------------- */
#page.about #intro .grid{
	grid-template-columns: auto 500px;
	grid-template-rows: auto 1fr;
	gap: 22px 40px;
	font-size: var(--fz-24);
	font-weight: 500;
}
#page.about #intro .grid .cts{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
#page.about #intro .grid .cts-2{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
#page.about #intro .grid .img{
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}

#page.about #intro .box-pink{
	font-size: var(--fz-14);
	font-weight: normal;
}

#page.about #quality{
	padding-block: 80px;
}
#page.about #quality .grid{
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
}
#page.about #quality .grid > :first-child{
	min-width: 0;
}
#page.about #quality .grid > :last-child{
	padding-left: 40px;
}

#page.about #quality table :where(th,td){
	font-size: var(--fz-20);
	font-weight: 500;
	text-align: center;
	word-break: keep-all;
}
#page.about #quality table thead th{
	padding: 10px 16px;
}
#page.about #quality table thead small{
	display: block;
	font-size: var(--fz-16);
}
#page.about #quality table tbody td{
	padding: 12px 16px;
}
#page.about #quality table td:nth-child(2),
#page.about #quality table td:nth-child(3){
	font-size: var(--fz-32);
}
#page.about #quality table tbody small{
	display: block;
	font-size: var(--fz-14);
}

#page.about #quality .box-dotted{
	margin-top: 26px;
	font-size: var(--fz-14);
}
#page.about #quality .box-dotted .grid{
	grid-template-columns: 164px auto;
}
#page.about #quality .box-dotted .grid > :last-child{
	padding-left: 20px;
}
#page.about #quality .box-dotted .title{
	margin-bottom: 8px;
	font-size: var(--fz-20);
}

#page.about #step{
	padding: 40px 20px;
	background: url('../images/about-step-bg.png') no-repeat center / cover;
}
#page.about #step .wrap{
	display: grid;
	align-items: center;
}

#page.about #step .list-steps{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 80px;
	list-style: none;
}
#page.about #step .list-steps li{
	position: relative;
}
#page.about #step .list-steps .num{
	font-size: var(--fz-40);
	font-weight: 500;
	position: absolute;
	top: 0;
	left: 0;
}
#page.about #step .list-steps li:nth-child(1) .num{
	color: #FBE3E3;
}
#page.about #step .list-steps li:nth-child(2) .num{
	color: #F5B8B8;
}
#page.about #step .list-steps li:nth-child(3) .num{
	color: #EB7171;
}
#page.about #step .list-steps .img{
	width: 90px;
	margin-inline: auto;
	margin-bottom: 16px;
}
#page.about #step .list-steps .title{
	margin-bottom: 8px;
	font-size: var(--fz-20);
	font-weight: 500;
}
#page.about #step .list-steps .cts{
	font-size: var(--fz-14);
}
#page.about #step .list-steps li:not(:last-child):after{
	content: '';
	display: block;
	width: 48px;
	height: 48px;
	background: url('../images/about-step-arrow.png') no-repeat center / contain;
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}

#page.about #reason{
	padding-block: 80px;
	background-color: var(--color-pink-light2);
}
#page.about #reason .grid{
grid-template-columns: repeat(2, 1fr);
align-items: center;
}
#page.about #reason .grid > :first-child{}
#page.about #reason .grid > :last-child{
padding-left: 40px;
}

#page.about #reason .table-pink td{
	background-color: var(--color-white);
	font-weight: 500;
	text-align: center;
	border-color: #F7F7F7;
	border-bottom: none;
}
#page.about #reason .table-pink tbody tr:last-child{
	color: var(--color-pink);
}
#page.about #reason .table-pink tbody tr:last-child td{
	border-top: 1px solid var(--color-pink);
}

#page.about #reason .box-dotted{
	margin-top: 26px;
	font-size: var(--fz-14);
}
#page.about #reason .box-dotted{
	font-size: var(--fz-16);
	font-weight: 500;
}

#page.about #merit{
	padding-block: 80px;
}
#page.about #merit .table-pink{
	background-color: var(--color-white);
}
#page.about #merit .scrollable{
	margin-bottom: 40px;
}
#page.about #merit .table-pink tr:where( :nth-child(odd) ){
	background-color: unset;
}
#page.about #merit .table-pink thead tr > :nth-child(2){
	background-color: var(--color-pink);
}
#page.about #merit .table-pink thead tr > :nth-child(3){
	background-color: var(--color-gray);
}
#page.about #merit .table-pink tbody tr > :nth-child(2){
	background-color: var(--color-pink-light3);
	text-align: center;
}
#page.about #merit .table-pink tbody tr > :nth-child(3){
	background-color: var(--color-gray-light);
	color: #929292;
	text-align: center;
}

#page.about #merit .box-chromosome{
	margin-top: 80px;
	padding: 40px;
	background: url('../images/about-chromosome-bg.png') no-repeat center / cover;
}
#page.about #merit .box-chromosome .box-white{
	border: none;
}
#page.about #merit .box-chromosome .grid{
	grid-template-columns: 420px auto;
	gap: 40px;
}
#page.about #merit .box-chromosome .inner{
	height: 100%;
	padding: 20px;
	border-radius: 16px;
	background-color: var(--color-pink-light2);
}
#page.about #merit .box-chromosome .inner .title{
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;
	justify-content: start;
	margin-bottom: 20px;
	font-size: var(--fz-24);
	font-weight: 500;
}
#page.about #merit .box-chromosome .inner .title img{
	margin-right: 10px;
}

#page.about #merit .box-white.footer{
	margin-top: 80px;
	padding: 40px;
}

#page.about #merit .box-white.footer .grid:where(:nth-child(1)){
	grid-template-columns: auto 420px;
	grid-template-rows: auto 1fr;
	gap: 40px;
}
#page.about #merit .box-white.footer .grid:where(:nth-child(1)) .title{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
#page.about #merit .box-white.footer .grid:where(:nth-child(1)) .img{
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
#page.about #merit .box-white.footer .grid:where(:nth-child(1)) .cts{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

#page.about #merit .box-white.footer .grid:where(:nth-child(2)){
	grid-template-columns: 420px auto;
	grid-template-rows: auto 1fr;
	gap: 40px;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid var(--color-gray);
}
#page.about #merit .box-white.footer .grid:where(:nth-child(2)) .title{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
#page.about #merit .box-white.footer .grid:where(:nth-child(2)) .img{
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
#page.about #merit .box-white.footer .grid:where(:nth-child(2)) .cts{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

#page.about #merit .box-white.footer .title{
	padding-bottom: 12px;
	font-size: var(--fz-32);
	font-weight: 500;
	border-bottom: 2px solid var(--color-pink);
}

@media (max-width: 1024px) {

	#page.about #intro .grid{
		grid-template-columns: 1fr;
		gap: 22px;
	}
	#page.about #intro .grid .cts,
	#page.about #intro .grid .cts-2,
	#page.about #intro .grid .img{
		grid-column: 1 / 2;
		grid-row: auto;
	}

	#page.about #quality .grid{
		grid-template-columns: 1fr;
		gap: 40px;
	}
	#page.about #quality .grid > :last-child{
		padding-left: 0;
	}
	#page.about #quality table :where(th,td){
		min-width: 180px;
	}
	#page.about #quality .box-dotted .grid {
		grid-template-columns: 129px auto;
		gap: 12px;
	}
	#page.about #quality .box-dotted .grid > :last-child{
		padding-left: 0;
	}

	#page.about #step .box-white{
		padding-block: 40px;
	}
	#page.about #step .list-steps{
		grid-template-columns: 1fr;
	}
	#page.about #step .list-steps li:not(:last-child):after{
		top: 100%;
		left: 50%;
		transform: translate(-50%, calc((80px - 100%) / 2)) rotate(90deg);
	}

	#page.about #reason .grid{
		grid-template-columns: 1fr;
		gap: 40px;
	}
	#page.about #reason .grid > :last-child{
		padding-left: 0;
	}
	#page.about #reason table :where(th,td){
		min-width: 180px;
	}

	#page.about #merit .box-chromosome{
		margin-top: 40px;
		border-radius: 16px;
	}
	#page.about #merit .box-chromosome .grid{
		grid-template-columns: 1fr;
	}
	#page.about #merit .box-chromosome .box-white{
		padding: 20px 12px;
	}

	#page.about #merit .box-white.footer .grid{
		grid-template-columns: 1fr;
	}
	#page.about #merit .box-white.footer .grid .title,
	#page.about #merit .box-white.footer .grid .img,
	#page.about #merit .box-white.footer .grid .cts{
		grid-column: 1 / 2;
		grid-row: auto;
	}

	#page.about #merit .table-pink tr > :nth-child(1){
		min-width: 124px;
		word-break: keep-all;
	}
	#page.about #merit .table-pink tr > :nth-child(2),
	#page.about #merit .table-pink tr > :nth-child(3){
		min-width: 220px;
	}

} /* @media (sp)*/


/* page - pricing
-------------------- */
#page.pricing section{
	padding-block: 60px;
}

#page.pricing #messages{
	max-width: 980px;
	padding-bottom: 20px;
	padding-inline: 0;
}
#page.pricing #messages .box-white{
	padding: 30px 20px;
}
#page.pricing #messages .grid{
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 20px;
	justify-content: start;
}
#page.pricing #messages .grid img{
	width: 142px;
	margin-top: -18px;
	margin-bottom: -10px;
}
#page.pricing #messages .grid .list-check{
	margin-block: 0;
}

/* menu-table */
#menu-table .scrollable{
	margin-top: 32px;
}
#menu-table table{
	border-collapse: collapse;
}
#menu-table table th,
#menu-table table td{
	border-bottom: 1px solid #d7d7d7;
	vertical-align: middle;
	text-align: center;
}

#menu-table table thead th:nth-of-type(2),
#menu-table table thead th:nth-of-type(3),
#menu-table table thead th:nth-of-type(4),
#menu-table table td:nth-of-type(1),
#menu-table table td:nth-of-type(2),
#menu-table table td:nth-of-type(3){
	width: 160px;
}

#menu-table table thead th{
	padding: 0;
}
#menu-table table thead th:nth-of-type(2) .inner,
#menu-table table thead th:nth-of-type(3) .inner,
#menu-table table thead th:nth-of-type(4) .inner{
	width: 10rem;
	padding: 12px;
	border-radius: 10px 10px 0 0;
	border-right: 1px solid var(--color-white);
	color: var(--color-white);
	vertical-align: bottom;
}
#menu-table table thead th:nth-of-type(2) .inner{
	background-color: #f5bcb3;
}
#menu-table table thead th:nth-of-type(3) .inner{
	background-color: #e89d90;
}
#menu-table table thead th:nth-of-type(4) .inner{
	background-color: #eb7171;
}

#menu-table table thead th .no1{
	display: inline-block;
	padding: 0 20px;
	color: var(--color-pink);
	text-align: center;
	position: relative;
	display: none;
}
#menu-table table thead th .no1:before,
#menu-table table thead th .no1:after{
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	border-left: 1px dotted var(--color-pink);
	position: absolute;
	top: 0;
	bottom: 0;
	transform: scaleY(0.8);
}
#menu-table table thead th .no1:before{
	left: 0;
	rotate: -20deg;
}
#menu-table table thead th .no1:after{
	right: 0;
	rotate: 20deg;
}

#menu-table table tbody th,
#menu-table table tbody td{
	padding: 20px 8px;
	font-size: var(--fz-12);
	text-align: left;
	word-break: keep-all;
}

#menu-table table tbody td:not(:last-child){
	border-right: 1px solid #ddd;
}
#menu-table table tbody td:nth-of-type(1){
	background-color: rgb(245 188 179 / 0.1);
}
#menu-table table tbody td:nth-of-type(2){
	background-color: rgb(232 157 144 / 0.3);
}
#menu-table table tbody td:nth-of-type(3){
	background-color: rgb(235 113 113 / 0.4);
}

#menu-table table img{
	margin-inline: auto;
}
#menu-table table img[src$='ico-supported.svg']{
	width: 30px;
	height: 30px;
}
#menu-table table img[src$='ico-unsupported.svg']{
	width: 14px;
	height: 14px;
}

/* #menu-details, #solution */
#page.pricing :where(#menu-details, #solution) .box-white{
	margin-top: 40px;
	padding: 20px 39px;
}
#page.pricing :where(#menu-details, #solution) .box-white h3{
	padding-bottom: 12px;
	border-bottom: 2px solid var(--color-pink);
	font-size: var(--fz-40);
}
#page.pricing :where(#menu-details, #solution) .box-white h3 .no1{
	display: inline-block;
	padding: 4px 8px;
	border-radius: 4px;
	background-color: var(--color-pink);
	color: var(--color-white);
	font-size: var(--fz-16);
	font-weight: normal;
}

#page.pricing :where(#menu-details, #solution) .box-white .inner{
	margin-top: 20px;
	margin-inline: 20px;
	padding-top: 20px;
}
#page.pricing :where(#menu-details, #solution) .box-white .inner + .inner{
	border-top: 1px dotted #F5BCB3;
}

#page.pricing :where(#menu-details, #solution) .box-white h4{
	margin-bottom: 8px;
}
#page.pricing :where(#menu-details, #solution) .box-white .grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
	gap: 20px;
	margin-top: 20px;
}

#page.pricing :where(#menu-details, #solution) .box-white .item a{
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
	position: relative;
}
#page.pricing :where(#menu-details, #solution) .box-white .item a:after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/ico-link-arrow.svg) no-repeat center;
	background-size: 9px 15px;
	filter: grayscale(100%) brightness(42%) contrast(95%);
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}
#page.pricing :where(#menu-details, #solution) .box-white .item a:hover{
	background-color: var(--color-pink);
	color: var(--color-white);
}
#page.pricing :where(#menu-details, #solution) .box-white .item a:hover:after{
	filter: grayscale(1) brightness(1000%) contrast(1);
}

#page.pricing #report-sample{
	max-width: 1080px;
	margin-top: 100px;
	margin-inline: auto;
	padding: 40px;
	border-radius: 16px;
	background: url('../images/pricing-report-sample-bg.png') no-repeat center / cover;
}
#page.pricing #report-sample .grid{
	grid-template-columns: 420px auto;
	align-items: center;
	gap: 40px;
	padding: 20px;
	border-radius: 16px;
	background-color: var(--color-white);
}
#page.pricing #report-sample .inner{
	padding: 20px;
	border-radius: 16px;
	background-color: var(--color-pink-light2);
}
#page.pricing #report-sample .inner .title{
	margin-bottom: 20px;
	font-size: var(--fz-24);
	font-weight: 500;
}
#page.pricing #report-sample .inner ul.list{
	margin-block: 1em;
}
#page.pricing #report-sample .inner a.pdf_btn{
	margin-top: 20px;
}
#page.pricing #report-sample .inner small{
	display: inline-block;
	padding-top: 8px;
	font-size: var(--fz-12);
}

#page.pricing #result .wrap{
	max-width: 980px;
	margin-inline: auto;
	padding: 40px;
	border-radius: 16px;
	border: 1px dashed var(--color-pink);
}
#page.pricing #result .box .title{
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;
	justify-content: start;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--color-pink);
	font-size: var(--fz-24);
	font-weight: 500;
}
#page.pricing #result .box .title img{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 12px;
}
#page.pricing #result .box .grid{
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 40px;
}
#page.pricing #result .box .grid img {
	width: 100px;
	margin-left: 20px;
}

#page.pricing #solution .guideline .row{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 8px 20px;
	margin-bottom: 8px;
}
#page.pricing #solution .guideline .row > div{
	min-width: 132px;
}
#page.pricing #solution .guideline .row > .pink{
	padding: 4px 8px;
	border-radius: 4px;
	border: 1px solid var(--color-pink);
}

#page.pricing .box-cation{
	margin-inline: auto;
	margin-top: 40px;
	padding: 20px;
	border-radius: 16px;
	border: 1px dashed var(--color-pink);
	font-size: var(--fz-14);
}
#page.pricing .box-cation .title{
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;
	justify-content: start;
	margin-bottom: 20px;
	font-size: var(--fz-24);
	font-weight: 500;
}
#page.pricing .box-cation .title img{
	margin-right: 10px;
}

@media (max-width: 1024px) {

	#page.pricing #messages .grid{
		grid-template-columns: 1fr;
	}
	#page.pricing #messages .grid > :nth-child(1){
		grid-row: 2 / 3;
		justify-self: center;
	}

	/* #menu-details, #solution */
	#page.pricing :where(#menu-details, #solution) .box-white h3{
		text-align: center;
	}

	#page.pricing #report-sample{
		margin-inline: 20px;
		padding: 40px 12px;
	}
	#page.pricing #report-sample .grid{
		grid-template-columns: 1fr;
	}

	#page.pricing #solution .guideline .row{
		margin-bottom: 20px;
	}
	#page.pricing #solution .guideline .row > .name{
		width: 100%;
	}

} /* @media (sp)*/



/* page - process
-------------------- */
#page.process section{
	padding-block: 60px;
}

#page.process #messages{
	max-width: 980px;
	padding-bottom: 40px;
}
#page.process #messages .box-white{
	padding: 20px;
}
#page.process #messages .grid{
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 20px;
	justify-content: start;
}
#page.process #messages .grid img{
	width: 180px;
}
#page.process #messages .grid .list-check{
	margin-block: 0;
}

@media (max-width: 1024px) {

	#page.process #messages .box-white{
		max-width: 600px;
		margin-inline: auto;
	}
	#page.process #messages .grid{
		grid-template-columns: 1fr;
	}
	#page.process #messages .grid > :nth-child(1){
		grid-row: 2 / 3;
		justify-self: center;
	}


} /* @media (sp)*/




/* page - partner
-------------------- */
#page.partner #messages{
	margin-block: 60px 44px;
	text-align: center;
}
#page.partner #messages .heading{
	margin-bottom: 20px;
	font-size: var(--fz-24);
	font-weight: 500;
}

#page.partner section{
	padding-block: 60px;
}

#page.partner section .verinata .title{
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;
	justify-content: start;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--color-pink);
	font-size: var(--fz-24);
	font-weight: 500;
}
#page.partner section .verinata .title img{
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 12px;
}
#page.partner section .verinata .grid{
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 40px;
}
#page.partner section .verinata .grid img{
	width: 290px;
}

#page.partner #contact .grid{
	display: grid;
	grid-template-columns: repeat(2, auto);
	align-items: center;
	max-width: 486px;
	margin: 40px auto;
	padding: 16px 40px;
	border-radius: 16px;
	border: 1px solid #D9D9D9;
	font-weight: 500;
}
#page.partner #contact .grid img{
	width: 110px;
}
#page.partner #contact .grid a[href^='tel:']{
	font-size: var(--fz-32);
}

@media (max-width: 1024px) {

	#page.partner section .verinata{
		padding-inline: 12px;
	}
	#page.partner section .verinata .title{
		grid-template-columns: 1fr;
		gap: 12px;
		justify-items: center;
	}
	#page.partner section .verinata .title img{
		display: block;
	}
	#page.partner section .verinata .grid{
		grid-template-columns: 1fr;
		gap: 40px;
		justify-items: center;
	}
	#page.partner section .verinata .grid > :nth-child(2){
		grid-row: 1 / 2;
	}
	#page.partner section .verinata .grid img{
		max-width: 290px;
		width: 100%;
	}

	#page.partner #contact .grid{
		grid-template-columns: 1fr;
		gap: 8px;
		justify-items: center;
		max-width: calc(100% - 30px);
	}

} /* @media (sp)*/



/* page - company
-------------------- */
#page.company{
	padding-bottom: 60px;
}
#page.company section#greeting .grid{
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 40px;
}
#page.company section#greeting .grid img{
	max-width: 303px;
	margin: 12px 68px;
}

#page.company section#profile{
	margin-top: 80px;
}
#page.company section#profile .conpany th{
	width: 6.5em;
}
#page.company section#profile .conpany td{
	padding-left: 20px;
}

#page.company section:not(#greeting):not(#profile){
	margin-top: 80px;
}
#page.company .grid:has(hgroup){
	display: grid;
	grid-template-columns: 250px auto;
	gap: 40px;
	align-items: center;
	justify-content: start;
	justify-self: start;
}
#page.company .grid .item:has(hgroup){
	align-self: self-start;
}
#page.company .grid hgroup{
	margin-bottom: 0;
	padding-top: 0;
	background: none;
	text-align: left;
}
#page.company .grid hgroup h2{
	font-size: var(--fz-32);
}

#page.company .grid h3{
	margin-bottom: 8px;
}
#page.company .grid p + h3{
	margin-top: 20px;
}

@media (max-width: 1024px) {

	#page.company section#greeting .grid{
		grid-template-columns: 1fr;
	}
	#page.company section#greeting .grid > :nth-child(1){
		grid-row: 2 / 3;
	}
	#page.company section#greeting .grid > :nth-child(2){
		grid-row: 1 / 2;
		justify-self: center;
	}
	#page.company section#greeting .grid img{
		max-width: 242px;
		margin: auto;
	}

	#page.company section:not(#greeting):not(#profile) .grid{
		grid-template-columns: 1fr;
		width: 100%;
	}
	#page.company .grid hgroup h2{
		font-size: var(--fz-24);
	}

} /* @media (sp)*/



/* page - faq
-------------------- */
#page.faq .faq-list{
	margin-bottom: 70px;
}

#page.faq section.bg-gray{
	margin-top: 40px;
}



/* page - contact
-------------------- */

/* .form-group{
	margin-bottom: 1rem;
}

.form-group label{
	display: inline-block;
	margin-bottom: .5rem;
}

.form-control{
	display: block;
	width: 100%;
	height: calc(1.5em + 2rem + 2px);
	padding: 1rem .75rem;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: var(--color-white);
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.custom-select{
	display: inline-block;
	width: 100%;
	height: calc(1.5em + 2rem + 2px);
	padding: 1rem 1.75rem 1rem .75rem;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	vertical-align: middle;
	background: var(--color-white) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.text-danger{
	color: #dc3545 !important;
} */