@charset "utf-8";


.service {
	margin-top: 40px;
}
.inner2{
}
.title3{
}
.serviceStrongPointWrap {
	margin-top: 80px;
}
.title4{
}
.serviceStrongPoint {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.serviceStrongPointImgWrap {
	width: 520px;
}
.serviceStrongPointImg{
	border-radius: 8px;
}
.serviceStrongPointTextWrap {
	width: 527px;
}
.serviceStrongPointTitle::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 100%;
	border-radius: 20px;
	background-color: #6AD956;
}
.serviceStrongPointTitle {
	font-size: 24px;
	font-weight: bold;
	padding: 2px 0 2px 24px;
	line-height: 1.2;
	position: relative;
}
.serviceStrongPointText {
	margin-top: 25px;
	line-height: 1.8;
}
.serviceFeatureWrap {
	margin-top: 100px;
}
.serviceFeatureList {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.serviceFeatureItem {
	width: 320px;
}
.serviceFeatureItemImgWrap{
}
.serviceFeatureItemImg {
	border-radius: 8px;
}
.serviceFeatureItemTextWrap {
	margin-top: 25px;
}
.serviceFeatureItemTitle {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.serviceFeatureItemText {
	margin-top: 10px;
}
.serviceMenuWrap {
	margin-top: 100px;
}
.serviceMenuList {
	display: flex;
	justify-content: space-between;
}
.serviceMenuItem {
	width: 530px;
	position: relative;
}
.serviceMenuItemTitle {
	position: absolute;
	font-size: 26px;
	text-align: center;
	width: 100%;
	font-weight: bold;
	top: calc(50% - 0.5em);
	color: #fff;
	letter-spacing: 1.3px;
}
.serviceFlowList {
	margin-top: 65px;
}
.serviceFlowItem {
	padding-bottom: 95px;
	background-image: url("../images/arrow_bottom_green.svg");
	position: relative;
	background-repeat: no-repeat;
	background-position: center calc(100% - 30px);
}
.serviceFlowStepContent {
	display: flex;
	align-items: center;
}
.serviceFlowItem:last-child {
	padding-bottom: 0;
	background: none;
}

.serviceFlowStep {
	position: absolute;
	background-color: #3AB924;
	color: #fff;
	font-size: 18px;
	padding: 5px 20px;
	border-radius: 30px;
	font-weight: bold;
	top: -23px;
	left: -10px;
	display: flex;
	align-items: center;
}
.serviceFlowStepNum {
	font-size: 24px;
	margin-left: 10px;
}
.serviceFlowImgWrap {
	width: 300px;
	height: 188px;
	background-color: #F8F8F8;
	border-radius: 8px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.serviceFlowImg{
}
.serviceFlowText {
	padding-left: 70px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1.2px;
}

.serviceQaDl {
	margin-top: 125px;
}
.serviceQaDt {
	position: relative;
}
.serviceQaDlBlock:nth-child(n + 2) {
	margin-top: 50px;
}
.serviceQaIcon {
	font-size: 18px;
	color: #fff;
	background-color: #3AB924;
	border-radius: 0 8px 0 0;
	padding: 0 15px 0 10px;
	display: inline-block;
	line-height: 35px;
}
.serviceQaQTextWrap,
.serviceQaATextWrap {
	background-color: #F8F8F8;
	font-size: 24px;
	font-weight: bold;
	padding: 30px;
	border-top: 2px solid #3AB924;
	border-bottom: 2px solid #3AB924;
}
.serviceQaQTextWrap {
	padding: 30px 110px 60px 30px;
}
.serviceQaQText{
}
.serviceQaBtn {
	width: 50px;
	height: 50px;
	border: 2px solid #3AB924;
	border-radius: 50%;
	position: absolute;
	right: 30px;
	top: 67px;
	transform: rotate(45deg);
	transition: all 50ms 0s ease;
}
.open .serviceQaBtn {
	transform: rotate(0);
}
.serviceQaBtnLine1, .serviceQaBtnLine2 {
	position: absolute;
	width: 25px;
	height: 2px;
	background-color: #3AB924;
	left: 10px;
	transform: rotate(45deg);
}
.serviceQaBtnLine2{
	transform: rotate(-45deg);
}
.serviceQaDd {
	margin-top: -37px;
	position: relative;
	display: none;
}
.serviceQaATextWrap{
	font-size: 16px;
	font-weight: bold;
}
.serviceQaAText:nth-child(n + 2){
	margin-top: 1em;
}
.serviceQaADl {

}
.serviceQaADlBlock {
	display: flex;
}
.serviceQaADlBlock + .serviceQaADlBlock{
	margin-top: 1em;
}
.serviceQaADt {
	
}
.serviceQaADd {
	
}

@media (max-width: 450px) {
	.service {
		margin-top: 11.54vw;
		padding: 0 6%;
	}
	.serviceStrongPointWrap {
		margin-top: 12.82vw;
	}
	.serviceStrongPoint {
		margin-top: 5.13vw;
		display: block;
	}
	.serviceStrongPointImgWrap {
		width: 100%;
	}
	.serviceStrongPointTextWrap {
		width: 100%;
		margin-top: 6.41vw;
	}
	.serviceStrongPointTitle {
		font-size: 5.64vw;
		padding: 0.51vw 0 0.51vw 5.64vw;
		line-height: 1.4;
	}
	.serviceStrongPointTitle::before {
		width: 3.08vw;
		border-radius: 5.13vw;
	}
	.serviceStrongPointText {
		margin-top: 2.56vw;
	}
	.serviceFeatureWrap {
		margin-top: 24.36vw;
	}
	.serviceFeatureList {
		margin-top: 3.85vw;
		display: block;
	}
	.serviceFeatureItem {
		width: 100%;
	}
	.serviceFeatureItemImg {
		border-radius: 2.05vw;
	}
	.serviceFeatureItemTextWrap {
		margin-top: 6.41vw;
	}
	.serviceFeatureItemTitle {
		font-size: 5.13vw;
	}
	.serviceFeatureItemText {
		margin-top: 3.85vw;
	}
	.serviceFeatureItem:nth-child(n + 2) {
		margin-top: 17.95vw;
	}
	.serviceMenuWrap {
		margin-top: 23.08vw;
	}
	.serviceMenuList {
		display: block;
	}
	.serviceMenuItem {
		width: 100%;
	}
	.serviceFeatureItemImg {
		border-radius: 2.05vw;
	}
	.serviceMenuItemTitle {
		font-size: 6.15vw;
		letter-spacing: 1.0.51vw;
	}
	.serviceMenuItem:nth-child(n + 2) {
		margin-top: 5.13vw;
	}
	.serviceFlowList {
		margin-top: 21.79vw;
	}
	.serviceFlowItem {
		padding-bottom: 23.08vw;
		background-position: center calc(100% - 8.97vw);
		background-size: 7.69vw auto;
	}
	.serviceFlowStepContent {
		display: block;
	}
	.serviceFlowStep {
		font-size: 4.62vw;
		padding: 1.28vw 5.13vw;
		border-radius: 7.69vw;
		top: -5.9vw;
		left: -2.56vw;
	}
	.serviceFlowStepNum {
		font-size: 6.15vw;
		margin-left: 2.56vw;
	}
	.serviceFlowImgWrap {
		width: 100%;
		height: 53.85vw;
		border-radius: 2.05vw;
	}
	.serviceFlowImg {
		width: 35.9vw;
	}
	.serviceFlowText {
		padding: 6.41vw 0 0 0;
		font-size: 5.64vw;
		text-align: center;
		letter-spacing: 0.28vw;
		line-height: 1.4;
	}
	.serviceQaDl {
		margin-top: 12.82vw;
	}
	.serviceQaIcon {
		font-size: 4.1vw;
		border-radius: 0 2.05vw 0 0;
		padding: 0 3.85vw 0 2.56vw;
		line-height: 9.74vw;
	}
	.serviceQaBtn {
		width: 7.69vw;
		height: 7.69vw;
		right: 3.85vw;
		top: 15.38vw;
	}
	.serviceQaQTextWrap, .serviceQaATextWrap {
		font-size: 5.13vw;
		padding: 3.85vw;
	}
	.serviceQaQTextWrap {
		padding: 3.85vw 15.38vw 3.85vw 3.85vw;
	}
	.serviceQaBtnLine1, .serviceQaBtnLine2 {
		width: 3.85vw;
		height: 0.51vw;
		left: 1.54vw;
		top: 3.08vw;
	}
	.serviceQaDd {
		margin-top: -10.26vw;
	}
	.serviceQaDt.open .serviceQaQTextWrap {
		padding: 3.85vw 15.38vw 16.67vw 3.85vw;
	}
	.serviceQaDlBlock:nth-child(n + 2) {
		margin-top: 12.82vw;
	}
	.serviceQaADt {
		width: 100%;
	}
	.serviceQaADd {
		width: 100%;
	}
	.serviceQaADlBlock + .serviceQaADlBlock {
		margin-top: 2em;
	}
	.serviceQaADlBlock {
		display: block;
	}
}