@charset "UTF-8";
.footer:before, .footer:after {
	display: none;
}
.header{
	background-color: #f8f7e8;
}
.tc{
	text-align: center;
}
.pa30{
	padding-left: 30px;
	padding-right: 30px;
}
.bg-yellow{
	background-color: #f8f7e8;
	padding-top: 70px;
}
.middle-txt{
	max-width: 700px;
	margin: 0 auto;
	margin-top: 30px;
	width: fit-content;
    font-weight: 600;
    font-size: 20px;
}
.middle-txt p{
	color: #181818;
}
.web-btn{
	max-width: 700px;
    margin: 30px auto;
}
.google p{
	color: #4679bd;
	font-size: 40px;
    font-weight: 600;
    text-align: center;
}
.google-btn{
	background-color: #4679bd;
	padding: 20px;
    text-align: center;
	margin-top: 10px;
	position: relative;
    border-radius: 10px;
}
.google-btn a{
	font-size: 22px;
    font-weight: 700;
	color: #fff;
	margin-right: 10px;
}
.google-btn a::after{
	content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
    display: inline-block;
    width: 0;
    height: 0;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%); /* translateYのみ */
}
.yahoo{
	margin-top: 50px;
}
.yahoo p{
	color: #d8231e;
	font-size: 40px;
    font-weight: 600;
    text-align: center;
}
.yahoo-btn{
	background-color: #d8231e;
	padding: 20px;
    text-align: center;
	margin-top: 10px;
	position: relative;
    border-radius: 10px;
}
.yahoo-btn a{
	font-size: 22px;
    font-weight: 700;
	color: #fff;
	margin-right: 10px;
}
.yahoo-btn a::after{
	content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
    display: inline-block;
    width: 0;
    height: 0;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%); /* translateYのみ */
}