@charset "utf-8";
article{
	width:100%;
	position: relative;
}
article .inner{
	max-width:1000px;
	margin: 0 auto;
}
article h1{
	position:relative;
	text-align: center;
	color: #fff;
	background: #9cd774;
}
article ul.dotListBox{
	text-align: left;
	line-height: 1.6;
}
article ul.dotListBox:after{
	content: "";
	display: block;
	width:100%;
	height: 1px;
	border-bottom:1px dashed #abb2b5;
}
article .dotListBox li{
	display:block;
	position: relative;
	font-weight: bold;
	cursor: pointer;
	border-top:1px dashed #abb2b5;
}
article .dotListBox li:before{
	content: "Q.";
	position: absolute;
	color: #8ed364;
}
article .dotListBox li:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/lp/wp-content/themes/wellgo/img/common/arrow-slide.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	transform: rotate(-90deg);
	transform-origin: center center;
}
article .dotListBox li a{
	box-sizing: border-box;
	display: block;
	margin-right:16px;
}
.tax-question article .listLink{
	display: block;
	text-align: center;
}
@media (max-width:480px){
	article .dotListBox li{font-size:3.778vw;}
	article .dotListBox li:before{
		top:4.444vw;
		font-size:4.222vw;
	}
	.tax-question article .listLink a{font-size:3.778vw;}
}
@media (min-width:481px) and (max-width:768px){
	article .dotListBox li{font-size:3.022vw;}
	article .dotListBox li:before{
		top:3.555vw;
		font-size:3.377vw;
	}
	.tax-question article .listLink a{font-size:3.022vw;}
}
@media (max-width:768px){
	main > article{padding:0 4.444vw 8.444vw;}
	article h1{
		padding:24px 4.444vw;
		margin:0 -4.444vw 40px;
		font-size:2.2rem;
	}
	article .dotListBox li{padding:4.444vw 9.333vw 5.333vw 11.556vw;}
	article .dotListBox li:before{left:5.778vw;}
	article .dotListBox li:after {
		width: 3.778vw;
		height: 2.667vw;
		right: 0;
		top: 6.444vw;
	}
	.tax-question article .listLink{margin-top:8vw;}
}
@media (min-width:769px) and (max-width:1080px){
	main > article{padding:0 2% 48px;}
	article h1{
		margin:0 -2% 48px;
		font-size:3.4rem;
	}
	article .inner{padding:0 4%;}
	article .inner{padding: 0 4%;}
	article .dotListBox li{
		padding:20px 45px 20px 60px;
		font-size: 1.9rem;
	}
	article .dotListBox li:before{
		top: 20px;
		left: 30px;
		font-size:1.9rem;
	}
	article .dotListBox li:after {
		width: 20px;
		height: 14px;
		right: 20px;
		top: 31px;
	}
	.tax-question article .listLink{margin-top:32px;}
	.tax-question article .listLink a{font-size:1.9rem;}
}
@media (min-width:1081px){
	main > article{padding:0 0 64px;}
	article h1{
		padding:26px 0;
		margin-bottom: 50px;
		font-size: 2.8rem;
	}
	article .inner{padding:0 40px;}
	article .inner{padding: 0 40px;}
	article .dotListBox li{
		padding: 26px 50px 26px 66px;
		font-size: 2.1rem;
	}
	article .dotListBox li:before{
		top: 26px;
		left: 33px;
		font-size: 2.1rem;
	}
	article .dotListBox li:after{
		width:26px;
		height: 16px;
		right: 23px;
		top: 35px;
	}
	.tax-question article .listLink{margin-top:48px;}
	.tax-question article .listLink a{font-size:2.1rem;}
}