@charset "utf-8";
/*-------------------------------------
　矢印01
-------------------------------------*/
.arrow01 {
    width: 200px;
    margin: 0 auto;
}
.arrow01::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 50px;
    background: #ff0000;
}
.arrow01::after {
    content: "";
    display:block;
    border-top: 100px solid #ff0000;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    transform-origin: left top;
    transform: scaleY(.5);
}

/*-------------------------------------
　矢印02
-------------------------------------*/
.arrow02 {
    width: 200px;
    margin: 0 auto;
}
.arrow02::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 50px;
    background: #1e73be;
}
.arrow02::after {
    content: "";
    display:block;
    border-top: 100px solid #1e73be;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    transform-origin: left top;
    transform: scaleY(.5);
}

/*-------------------------------------
　矢印03
-------------------------------------*/
.arrow03 {
    width: 300px;
    margin: 0 auto;
}
.arrow03::before {
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
    content: "お申込みはこちら";
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 90px;
    background: #ff0000;
}
.arrow03::after {
    content: "";
    display:block;
    border-top: 100px solid #ff0000;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    transform-origin: left top;
    transform: scaleY(.5);
}

/*-------------------------------------
　矢印04
-------------------------------------*/
.arrow04 {
    width: 300px;
    margin: 0 auto;
}
.arrow04::before {
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
    content: "お申込みはこちら";
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 90px;
    background: #1e73be;
}
.arrow04::after {
    content: "";
    display:block;
    border-top: 100px solid #1e73be;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    transform-origin: left top;
    transform: scaleY(.5);
}

/*-------------------------------------
　矢印05
-------------------------------------*/
.arrow05 {
	width: 0;
	height: 0;
	border-top: 80px solid #f00;
	border-right: 150px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 150px solid transparent;
	margin: 0 auto;
}

/*-------------------------------------
　矢印06
-------------------------------------*/
.arrow06 {
	width: 0;
	height: 0;
	border-top: 80px solid #1e73be;
	border-right: 150px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 150px solid transparent;
	margin: 0 auto;
}