@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

body{
	font-family: "Zen Maru Gothic";
	font-weight: bold;
	font-style: normal;
	line-height: 1.5;
}

header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 30px;
	position: fixed;
	width: 100%;
	z-index: 10;
}
header.active{
	background: #fff;
}
header .logo{
	text-align: center;
	display: flex;
	flex-flow: column-reverse;
}
header .logo a{
	line-height: 1;
	display: flex;
}
header .logo img{
	width: 210px;
}
header .logo a:nth-child(2){
	margin-bottom: -20px;
	position: relative;
	z-index: 1;
}
header .logo a:nth-child(2) img{
	width: 86px;
}
header.active img.logo_w{
	display: none;
}
header.active img:not(.logo_w){
	display: block;
}
header:not(.active) img.logo_w{
	display: block;
}
header:not(.active) img:not(.logo_w){
	display: none;
}

#headerContent{
	position: relative;
	display: flex;
	gap: 15px;
	list-style: none;
}
#headerContent .header_contact,
#headerContent .header_member{
	font-size: 20px;
	padding: 13px 40px;
	border-radius: 10px;
	display: block;
}
#headerContent .header_contact{
	background: #003BA8;
	color: #fff;
	border: solid 1px #fff;
}
#headerContent .header_contact:hover{
	background: #145BCD;
}
#headerContent .header_member{
	background: #FEF027;
}
#headerContent .header_member:hover{
	background-color: #FFD500;
}
#headerContent a:hover{
	text-decoration: none;
}


footer{
	padding: 30px 60px 35px;
	text-align: center;
	background: #363636;
	display: flex;
	align-items: center;
}
footer .logo{
	width: 200px;
}
footer .footerMenu{
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 2em;
	margin-left: 60px;
	font-weight: bold;
	flex: 1;
}
footer .footerMenu a{
	color: #fff;
}
footer .footerMenu li:nth-of-type(n+2){
}
footer #copy{
	font-size: 13px;
	color: #fff;
	font-weight: 300;
}



section{
	background: #EEF9FF;
}
h3{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
h3 span{
	font-size: 42px;
}
/* h3::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 72px;
	height: 4px;
	background: #145BCD;
	border-radius: 100px;
} */
.caption{
	font-size: 12px;
	display: flex;
}

.btn{
	border-radius: 100px;
	border: #fff solid 4px;
	text-align: center;
}
.btn a{
	font-size: 27px;
	line-height: 1em;
	display: block;
	border-radius: 100px;
	border: #354BC4 solid 4px;
	background: #FFEB00;
	padding: 1.2em;
	position: relative;
	text-decoration: none;
	font-weight: 700;
}
.btn a:hover{
	background: #FFD500;
}

.mv{
	background: url(../images/mv_bg.jpg) center no-repeat;
	background-size: cover;
	padding: 36px 20px 60px;
}
.mv_main{
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
	position: relative;
}
.mv_img{
	position: absolute;
	right: -10vw;
	bottom: 0;
	width: 52%;
	max-width: 626px;
}
.mv_title{
	margin-bottom: 25px;
	max-width: 850px;
	width: 70%;
}
.mv_lead{
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
	width: 60%;
}
.mv_contact{
	background: #D5F2FF;
	border-radius: 6px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	max-width: 1350px;
	margin: auto;
	position: relative;
}
.mv_contact_img{
	z-index: 1;
	width: 15vw;
	max-width: 166px;
	position: absolute;
	left: -25px;
	bottom: 0;
	transform: translateX(-100%);
}
.mv_contact_img.sticker{
	right: -22px;
	left: auto;
	transform: translateX(100%);
	max-width: 148px;
}
.mv_contact_btn{
	position: relative;
	width: 100%;
	/*max-width: 940px;*/
}
.mv_contact_btn .btn_member{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: end;
	gap: 25px;
	padding: 40px 20px 11px;
}
.mv_contact_btn .btn_member > div{
	position: relative;
}
.mv_contact_btn .btn_member p{
	font-size: 16px;
}
.mv_contact_btn .btn_member a{
	background: #FEF027;
	justify-content: center;
	border: solid 6px #fff;
	box-shadow: 0 3px 10px #00000040;
	font-size: 26px;
	margin-bottom: 10px;
	padding: 14px 20px 14px 60px;
}
.mv_contact_btn .btn_member a:hover{
	background-color: #FFD500;
}
.mv_contact_btn .btn_member a img{
	margin-left: 20px;
	max-width: 70px;
}
.mv_contact_btn .btn_contact{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ADE6FF;
	padding: 20px;
}
.mv_contact_btn .btn_contact p{
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: 18px;
	color: #393A3A;
	margin-right: 24px;
}
.mv_contact_btn .btn_contact p::after{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url(../images/arrow_bottom.svg) center no-repeat;
	background-size: 100%;
	transform: rotate(-90deg);
}
.mv_contact_btn .btn_contact p img{
	max-width: 66px;
}
.mv_contact_btn a{
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 100%;
	border-radius: 10px;
}
.mv_contact_btn a:hover{
	text-decoration: none;
}
.mv_contact_btn .btn_contact a{
	background: #003BA8;
	color: #fff;
	line-height: 1.75;
	font-size: 20px;
	padding: 10px 20px;
	max-width: 300px;
	width: 50%;
}
.mv_contact_btn .btn_contact a:hover{
	background-color: #145BCD;
}


.benefits{
	background: #2176FF;
	padding: 120px 20px 73px;
}
.benefits_list{
	display: flex;
	justify-content: center;
	gap: 30px;
	max-width: 1200px;
	margin: auto;
}
.benefits_list li{
	display: flex;
	flex-flow: column;
	width: 33%;
}
.benefits_list li a{
	background: #fff;
	display: flex;
	justify-content: center;
	position: relative;
	padding: 20px 20px 60px;
	border-radius: 10px;
	box-shadow: 0 12px 0 #145BCD;
	transition: 0.3s;
	flex: 1;
}
.benefits_list li a:hover{
	box-shadow: none;
	transform: translateY(12px);
}
.benefits_list li a::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translate(-50%,0);
	width: 28px;
	height: 28px;
	background: url(../images/arrow_bottom.svg) center no-repeat;
	background-size: contain;
}
.benefits_list li .num{
	position: absolute;
	top: 0;
	transform: translateY(-45%);
    width: 85%;
}
.benefits_list li img:not(.num){
	width: 75%;
}

.sectionIn{
	max-width: 1200px;
	margin: auto;
}
.sectionIn.bgW{
	background: #fff;
	border-radius: 10px;
	padding: 80px 50px 60px;
	position: relative;
}

.section_01,
.section_02,
.section_03{
	padding: 130px 20px 100px;
}
.section_faq{
	padding: 100px 20px 100px;
}

.section_ribbon{
	position: absolute;
	left: 50%;
	top: -30px;
	transform: translateX(-50%);
	min-width: 450px;

}
.section_ribbon p{
	color: #fff;
	position: absolute;
	top: 8%;
	width: 100%;
	text-align: center;
	font-size: 24px;
}

.tokuten_point{
	margin-top: 30px;
}
.tokuten_point_item{
	border-top: solid 1px #3E3A39;
	padding: 30px 0;
	display: flex;
	align-items: center;
	gap: 30px;
}
.tokuten_point_icon{
	max-width: 200px;
	width: 25%;
}
.tokuten_point_text{
	font-size: 16px;
	flex: 1;
}
.tokuten_point_title{
	font-size: 30px;
	color: #145BCD;
	display: flex;
	align-items: baseline;
	gap: 10px;
	line-height: 1.3;
}
.tokuten_point_title .check{
	border: solid 3px #145BCD;
	width: 28px;
	min-width: 28px;
	height: 28px;
	min-height: 28px;
	display: inline-block;
	border-radius: 100px;
	position: relative;
	transform: translateY(3px);
}

.tokuten_point_title .check::before{
	content: "";
	position: absolute;
	left: 8px;
	top: -4px;
	border-bottom: solid 4px #DF090D;
	border-right: solid 4px #DF090D;
	width: 8px;
	height: 18px;
	transform: rotate(45deg);

}
.tokuten_point_photo{
	max-width: 200px;
	width: 20%;
	cursor: pointer;
}

/**/
/* モーダル背景 */
.modal-block {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(79, 79, 79, 0.5);
	z-index: 100;
}

/* モーダルの中身*/
.img-section {
	margin-top: auto;
	height: calc(100% - 50px);
	text-align: center;
	position: relative;
	transition: all 0.4s ease;
	transform: translateY(100%);
	padding: 10px;
	display: flex;
	align-items: center;
}
.img-section img{
	height: fit-content;
	width: 100%;
	max-width: 720px;
}
.modal-block.active .img-section {
	transform: translateY(0);
}
.img-sectionIn{
	position: relative;
}
.btn_close {
	display: flex;
	position: absolute;
	top: -40px;
	right: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.btn_close::before,
.btn_close::after{
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	background: #393A3A;
	left: 50%;
	top: 0;
}
.btn_close::before{
	transform: rotate(45deg);
}
.btn_close::after{
	transform: rotate(-45deg);
}
/**/
.tokuten_point_contact{
	background: #fff;
	border: solid 1px #3E3A39;
	padding: 26px 30px;
	margin-top: 40px;
	line-height: 1;
	border-radius: 100px;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 16px;
}
.tokuten_point_contact a{
	color: #145BCD;
	text-decoration: underline;
}
.tokuten_point_contact a:hover{
	text-decoration: none;
}

.member{
	background: url(../images/member_bg.jpg) center no-repeat;
	background-size: cover;
}
.memberIn{
	max-width: 1240px;
	margin: auto;
	padding: 60px 20px;
	position: relative;
}
.member_img_01,
.member_img_02{
	position: absolute;
}
.member_img_01{
	left: 0;
	bottom: 60px;
	width: 13%;
}
.member_img_02{
	right: 0;
	bottom: 0;
	width: 15%;
}
.member_title{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	font-size: 24px;
	gap: 15px;
	margin-bottom: 30px;
}
.member_title::before,
.member_title::after{
	content: "";
	width: 2px;
	height: 40px;
	background: #fff;
	display: block;
}
.member_title::before{
	transform: rotate(-25deg);
}
.member_title::after{
	transform: rotate(25deg);
}
.member a{
	font-size: 20px;
	background: #FFEB00;
	display: block;
	text-align: center;
	border-radius: 10px;
	padding: 34px 20px 37px;
	max-width: 700px;
	width: 75%;
	margin: auto;
}
.member a:hover{
	text-decoration: none;
	background-color: #FFD500;
}
.member a span{
	font-size: 28px;
}
.member .caption{
	color: #fff;
	justify-content: center;
	font-size: 16px;
	margin-top: 22px;
}

.section_02 .sectionIn.bgW .bnr{
	min-width: calc(100% + 25px);
}
.section_02 .caption{
	justify-content: center;
}
.section_02 .bnr_area .caption{
	justify-content: right;
}

.flow{
	background: #EEF9FF;
	padding: 60px 20px 0;
}
.flow_title{
	font-size: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #003BA8;
	gap: 55px;
}
.flow_title::before,
.flow_title::after{
	content: "";
	flex: 1;
	height: 1px;
	background: #003BA8;
}
.flow_list{
	display: flex;
	gap: 30px;
	justify-content: center;
	max-width: 1080px;
	margin: 30px auto 0;
}
.flow_list li{
	background: #00B3FF;
	color: #fff;
	text-align: center;
	padding: 35px 10px 20px;
	border-radius: 10px;
	position: relative;
	font-size: 24px;
	width: 33%;
}
.flow_list li:not(:last-child)::after{
	content: "";
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 40px solid #00B3FF;
}
.flow_list li .caption{
	justify-content: center;
	align-items: center;
	min-height: 2.5em;
}
.flow_list_title{
	font-size: 30px;
	margin-bottom: 15px;
	line-height: 1;
}
.flow_list_img{
	margin-bottom: 10px;
}
.contact{
	background: url(../images/contact_bg.png) center no-repeat;
	background-size: cover;
	padding: 60px 20px;
	color: #fff;
}
.contactIn{
	max-width: 700px;
	margin: auto;
}
.contact_title{
	text-align: center;
}
.contact_title p{
	background: #fff;
	border-radius: 100px;
	color: #003BA8;
	font-size: 24px;
	padding: 12px;
	position: relative;
	margin-bottom: 45px;
}
.contact_title p::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
	border-top: 20px solid #fff;
	transform: translateX(-50%);
}
.contact a{
	background: #003BA8;
	color: #fff;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	position: relative;
	padding: 36px 20px 38px;
	font-size: 24px;
	margin-top: 30px;
}
.contact a:hover{
	text-decoration: none;
	background-color: #145BCD;
}
.contact a img{
	position: absolute;
	right: 0;
	bottom: 38px;
	transform: translateX(50%);
}
.faq .bgW{
	padding: 70px 60px 60px;
}
.faq_title{
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
}
.faq_title h3{
	font-size: 48px;
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 15px;
}
.faq_title h3 span{
	font-size: 78px;
}
.faq_title h3 .red{
	color: #DF090D;
}
.faq_title h3 .blue{
	color: #145BCD;
}
.faq_item:not(:last-child){
	border-bottom: solid 1px #D9D9D9;
	padding-bottom: 28px;
	margin-bottom: 28px;
}
.faq_item_q,
.faq_item_a{
	display: flex;
	align-items: start;
	gap: 16px;
	font-size: 20px;
}
.faq_item_q{
	margin-bottom: 18px;
}
.faq_item_q > span{
	font-size: 48px;
	line-height: 28px;
	color: #145BCD;
}
.faq_item_a{
	padding-left: 35px;
}
.faq_item_a > span{
	font-size: 38px;
	line-height: 28px;
	color: #DF090D;
}
.faq_item_a .faq_item_text{
	font-weight: 500;
	width: 100%;
}
.faq_item_text ul,
.faq_item_text ul li{
	list-style: disc;
	font-weight: 600;
	font-size: 20px;
}
.faq_item_text ul{
	background: #fff;
	padding: 30px 30px 30px calc(1.5em + 30px);
	border: solid 1px #5F6368;
	margin: 7px 0;
	width: 90%;
}
.faq_item_text ul li::marker{
	font-size: 16px;
}
.faq_item_text a{
	text-decoration: underline;
}
.faq_item_text a:hover{
	text-decoration: none;
}
@media screen and (max-width:1299.5px){

}

@media screen and (max-width:1199.5px){
	/*header*/
	header{
		padding: 10px 20px;
	}
	header .logo{
		position: relative;
		z-index: 10;
	}
	header .logo img{
		width: 160px;
	}
	header .sp_nuv{
		width: 50px;
		height: 50px;
		position: relative;
	}
	header .sp_nuv::before,
	header .sp_nuv::after{
		content: "";
	}
	header .sp_nuv::before,
	header .sp_nuv::after,
	header .sp_nuv span{
		position: absolute;
		width: 30px;
		height: 2px;
		background: #fff;
		left: 10px;
		transition: 0.3s;
	}
	header .sp_nuv::before{
		top: 13px;
	}
	header .sp_nuv span{
		top: 23px;
	}
	header .sp_nuv::after{
		top: 33px;
	}
	header.active .sp_nuv::before,
	header.active .sp_nuv::after,
	header.active .sp_nuv span {
		background-color: #000;
	}
	header .sp_nuv.active span{
		display: none;
	}
	header .sp_nuv.active::before{
		transform: rotate(-45deg);
		top: 50%;
	}
	header .sp_nuv.active::after{
		transform: rotate(45deg);
		top: 50%;
	}
	/*mv*/
	.mv_main{
		padding-bottom: 0;
	}
	.mv_title{
		width: 100%;
		margin-bottom: 15px;
	}
	.mv_lead{
		width: 100%;
		font-size: 16px;
	}
	.mv_img{
		position: sticky;
		display: block;
		margin: 20px auto 0;
		width: 65%;
	}
	/*mv_contact*/
	.mv_contact{
		padding: 30px 15px;
	}
	.mv_contact_img{
		position: absolute;
		bottom: 30px;
		left: 20px;
		transform: none;
	}
	.mv_contact_img.sticker.sPC{
		display: none;
	}
	.mv_contact_img.sticker.sSP{
		display: block;
		right: 20px;
		transform: none;
		bottom: 10px;
		width: 14vw;
	}
	.mv_contact_btn{
		position: static;
	}
	.mv_contact_btn .btn_member{
		padding: 0;
		display: block;
	}
	.mv_contact_btn .btn_member > div{
		position: static;
	}
	.mv_contact_btn .btn_member a{
		font-size: clamp(14px,3vw,34px);
		padding: 10px;
	}
	.mv_contact_btn .btn_member a img{
		width: 11vw;
		margin-left: 10px;
	}
	.mv_contact_btn .btn_member p{
		font-size: 12px;
	}
	.mv_contact_btn .btn_contact{
		flex-flow: column;
		margin-top: 20px;
		background: none;
		padding: 0;
	}
	.mv_contact_btn .btn_contact p{
		font-size: 14px;
		flex-wrap: wrap;
		position: relative;
		margin-right: 0;
		padding-bottom: 30px;
	}
	.mv_contact_btn .btn_contact p::after{
		transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        bottom: 0;
	}
	.mv_contact_btn .btn_contact p img{
		max-width: 40px;
	}
	.mv_contact_btn .btn_contact a{
		font-size: 16px;
		padding: 10px;
	}
	/*benefits*/
	.benefits{
		padding-top: 80px;
	}
}

@media screen and (max-width:1079.5px){
	h3{
		font-size: 2.5vw;
	}
	h3 span{
		font-size: 3.54vw;
	}

	.sectionIn.bgW{
		padding: 60px 20px 40px;
	}


	.tokuten_point_title{
		font-size: 3vw;
	}
	.tokuten_point_contact{
		padding: 20px 20px;
		font-size: 2.3vw;
	}
}

@media screen and (max-width:899.5px){

}

@media screen and (max-width:767px){
	h3{
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	h3 span{ font-size: 20px;}
	/*section*/
	.section_01,
	.section_02,
	.section_03{
		padding: 40px 20px;
	}
	.sectionIn.bgW{
		padding: 50px 20px 40px;
	}
	
	header .logo img{
		width: 140px;
	}
	header .logo a:nth-child(2){
		margin-bottom: -15px;
	}
	
	#headerContent{
		gap: 10px;
		position: fixed;
		padding: 10px 20px;
		background: #171717CC;
		width: 100%;
		bottom: 0;
		left: 0;
		transition: 0.3s;
		height: 65px;
	}
	#headerContent li{
		width: 50%;
	}
	#headerContent li a{
		text-align: center;
	}
	#headerContent.active{
	}
	#headerContent .header_contact,
	#headerContent .header_member{
		font-size: 14px;
		padding: 10px 15px;
	}
	/*footer*/
	footer{
		flex-flow: column;
		gap: 20px;
		padding: 20px 20px 75px;
	}
	footer .logo{
		width: 160px;
	}
	footer .footerMenu{
		margin-left: 0;
		justify-content: center;
	}
	footer .footerMenu a{
		font-size: 14px;
	}
	/*mv*/
	.mv_img{

		width: 70%;
        padding-right: 20px;
	}
	.mv_contact_btn .btn_member a{
		padding-left: 60px;
	}
	.mv_contact_img{
		width: 18vw;
		left: 10px;
	}
	
	.mv_contact_img.sticker.sSP{
		right: 10px;
		min-width: 65px;
	}
	/*benefits*/
	.benefits{
		padding: 60px 20px 40px;
	}
	.benefits_list{
		flex-flow: column;
		gap: 60px;
	}
	.benefits_list li{
		width: 100%;
	}
	.benefits_list li .num{
		max-width: 320px;
	}
	.benefits_list li img:not(.num){
		max-width: 180px;
	}
	/*tokuten_point*/
	.tokuten_point_item{
		flex-flow: column;
		gap: 15px;
	}
	.tokuten_point_icon{
		width: 35%;
	}
	.tokuten_point_photo{
		max-width: 250px;
		width: 60%;
	}
	.tokuten_point_title{
		font-size: 18px;
	}
	.tokuten_point_title .check{
		width: 20px;
		min-width: 20px;
		height: 20px;
		min-height: 20px;
	}
	.tokuten_point_title .check::before{
		left: 5px;
		top: -3px;
		width: 5px;
		height: 11px;
		border-bottom-width: 3px;
		border-right-width: 3px;
	}
	.tokuten_point_text{
		font-size: 14px;
	}
	.tokuten_point_contact{
		font-size: 14px;
		line-height: 1.5;
		padding: 15px;
		margin-top: 0;
	}
	/*section_ribbon*/
	.section_ribbon {
		min-width: auto;
		width: 95%;
		max-width: 320px;
		display: flex;
		justify-content: center;
		top: -10px;
	}
	.section_ribbon p{
		font-size: 16px;
	}
	/*member*/
	.memberIn{
		padding: 20px;
	}
	.member a{
		width: 100%;
		font-size: 14px;
		padding: 15px 10px;
	}
	.member a span{
		font-size: 18px;
	}
	.member_title{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.member_title::before,
	.member_title::after{
		height: 60px;
	}
	.member_img_01{
		left: 15px;
		bottom: 20px;
		width: 16%;
	}
	.member_img_02{
		right: 15px;
	}
	/*bnr*/
	.section_02 .sectionIn.bgW .bnr{
		min-width: auto;
	}
	.section_02 .bnr_area .caption{
		justify-content: center;
	}
	/*flow*/
	.flow{
		padding-top: 40px;
	}
	.flow_title{
		font-size: 22px;
		gap: 10px;
	}
	.flow_list{
		flex-flow: column;
	}
	.flow_list li{
		width: 100%;
		font-size: 18px;
	}
	.flow_list li:not(:last-child)::after{
		transform: translateX(-50%) rotate(90deg);
		bottom: -30px;
		top: auto;
		left: 50%;
		right: auto;
	}
	.flow_list_title{
		font-size: 24px;
	}
	.flow_list_img{
		margin: 0 auto 10px;
	}
	.flow_list_img img{
		width: 60%;
	}
	/*contact*/
	.contact{
		padding: 40px 20px;
	}
	.contact_title p{
		font-size: 18px;
		margin-bottom: 30px;
	}
	.contact_title img{
		width: 180px;
	}
	.contact a{
		font-size: 16px;
		padding: 15px 10px;
		margin-top: 40px;
	}
	.contact a img{
		width: 100px;
		bottom: auto;
		top: 30%;
		right: -15px;
		transform: translateY(-50%);
	}
	/*faq*/
	.section_faq{
		padding: 40px 20px;
	}
	.faq_title h3{
		gap: 10px;
		font-size: 26px;
	}
	.faq_title h3 span{
		font-size: 40px;
		line-height: 1;
	}
	.faq_title{
		font-size: 18px;
	}
	.faq_item_q,
	.faq_item_a{
		gap: 10px;
	}
	.faq_item_q > span,
	.faq_item_a > span{
		font-size: 25px;
	}
	.faq_item_q{
		margin-bottom: 10px;
		font-size: 16px;
	}
	.faq_item_a{
		padding-left: 15px;
		font-size: 14px;
	}
	.faq_item_text ul{
		padding: 10px 10px 10px 2em;
		width: 100%;
	}
	.faq_item_text ul,
	.faq_item_text ul li,
	.faq_item_text ul li::marker{
		font-size: 14px;
	}
}