@charset "UTF-8";

img {
    width: 100%;
}

@media screen and (min-width: 768px) {
    main {
        margin-top: 6vw !important;
    }
	.sup_howto_item_cnt {
		padding: 1vw 0;
	}
	.sup_howto_item_nm {
        text-align: left;
	}
	.sup_howto_item_sub2 {
        width: fit-content;
    }
	.sup_howto_sp_bg {
		background: #f5f5f5;
		padding: 5vw 22vw 3vw;
		margin-bottom: 9vw;
	}
	.sup_howto_sp_bg .sup_howto_ttl {
        padding: .3vw 4vw;
        margin-bottom: 3vw;
    }
	.sup_howto_basic_list {
        justify-content: center;
		gap: 2.8vw;
	}
	.sup_howto_sp_img2 {
		padding: 4vw 19vw 7vw;
	}
	.sup_howto_basic_step_no.gray {
        background: #9e9e9e;
	}
}
@media screen and (max-width: 767px) {
    .sup_howto_item_cnt {
        padding: 4vw 7vw 8vw;
    }
	.sup_howto_item_img {
		width: 62vw;
		margin: 0 auto;
	}
	.sup_howto_sp_bg {
		background: #f5f5f5;
		padding: 8vw 19vw 8vw;
		margin-bottom: 15vw;
	}
	.sup_howto_sp_bg .sup_howto_ttl {
        margin-bottom: 8vw;
	}
	.sup_howto_sp_img2 {
		width: 100vw;
		background: #fff;
		margin: 8vw -12vw 0 !important;
		padding-bottom: 12vw;
	}
	.sup_howto_basic_step_no.gray {
        background: #9e9e9e;
	}
}

.support_qa2{
	padding:3vw 2vw;
	background: #eeeeef;
	color: #3f3c3c;
}
.support_qa2_ttl{
	font-size: 1.6vw;
	text-align: center;
	padding-bottom: 1vw;
	font-weight: 600;
}
.support_qa2_box1{
	padding-bottom: 1vw;
}
.support_qa2_box1 img{
	width: 100%;
	height: auto;
}
.support_qa2_box2{
	padding: 0vw;
}
.support_qa2_box2_txt1{
	font-size: 1.3vw;
	line-height: 1.4;
	letter-spacing: 0.01em;
	padding-bottom: 1vw;
}
.support_qa2_box2_txt1 span img{
	width: 0.5vw;
	margin: 0vw 0.2vw;
}
.support_qa2_box2_txt2{
	font-size: 1.0vw;
	line-height: 1.4;
	letter-spacing: 0.01em
}
.support_qa2_area {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
@media screen and (max-width: 767px) {
	.support_qa2{
		padding:4vw 4vw;
		margin: 3vw 0vw !important;
	}
	.support_qa2_area {
		grid-template-columns: 1fr;
	}
	.support_qa2_ttl {
		font-size: 3.6vw;
		display: flex;
		align-items: center;
		text-align: center;
	}
	.support_qa2_ttl::before,
	.support_qa2_ttl::after {
		content: '';
		flex-grow: 1;
		border-top: 1px solid #3f3c3c;
		margin: 0 2vw;
	}
	.support_qa2_box1{
		float: left;
		width: 50%;
	}
	.support_qa2_box2{
		padding: 0vw 0vw 0vw 3vw;
		float: left;
		width: 50%;
	}
	.support_qa2_box2_txt1 {
		font-size: 2.8vw;
		line-height: 1.7;
		letter-spacing: 0.01em;
		padding-bottom: 3vw;
		font-weight: 600;
	}
	.support_qa2_box2_txt1 span img{
		width: 1.0vw;
		margin: 0vw 0.8vw;
	}
	.support_qa2_box2_txt2 {
		font-size: 2.5vw;
		line-height: 1.5;
		letter-spacing: 0.01em;
	}
}