@charset "utf-8";
/* CSS Document */
body{
	line-height:0;
	text-align: center;
	margin:0;
	padding: 0;
}
main{
	width:min(100%,640px);
	margin: 0 auto;
	padding-bottom:0px;
}
@media (min-width:767px){
	main{
		width:min(100%,1000px);
		margin: 0 auto ;
	}
}
.mb-6{
	margin-bottom: 	6rem;
}
.faq{
	margin:min(150px,15vw) 0;
}
picture{
	display: block
}
picture,img{
	width: 100%;
}
footer{
	width: 100%;
	background: #4a5496;
	position: fixed;
	bottom: 0;
}
ul{
	display: flex;
	justify-content: space-around;
}
ul,li{
	padding: 0;
	margin: 0;
	list-style: none;
}
li{
	width:50%;
	border-right:6px solid #ffef8c;
}
li:last-child{
	border:none;
}
ul li a{
	display:block;
	padding:20px 10px;
}
ul li img{
	height:min(30px,4vh);
}
/* 一番最後のpictureタグにだけ、フッターに被らないための余白を作る */
main picture:last-of-type {
    display: block;    /* 余白を有効にするためにブロック要素にします */
    padding-bottom: 65px; /* フッターの高さに合わせて調整してください */
}

/* 画像の下に小さな隙間が出るのを防ぐ（念のため） */
main picture img {
    vertical-align: bottom;
}