@charset "utf-8";

#triangle_illustration {
	position: relative;
}
#triangle_illustration > div {
	position: absolute;
	width: 240px;
}
#triangle_illustration > div p:nth-child(1) {
	font-size: 22px;
	font-weight: bold;
    margin: 15px 0;
}
#triangle_illustration > div p:nth-child(2) {
	font-size: 14px;
}
#triangle_illustration .tri01 {
	top: 310px;
	left: 120px;
}
#triangle_illustration .tri02 {
	top: 210px;
	left: 710px;
}
#triangle_illustration .tri03 {
	top:850px;
	left: 360px;
}
#triangle_illustration .tri01 p:nth-child(1) a {
	color: #d6b566;
}
#triangle_illustration .tri02 p:nth-child(1) a {
	color: #c4675f;
}
#triangle_illustration .tri03 p:nth-child(1) a {
	color: #709aaa;
	padding-left: 1em;
}

/*PCで表示（1050px以上で有効）*/
@media only screen and (min-width:1050px) {
    .sp_only  {display: none}
    #section01 .sp_prev  {display: none}
    #triangle_illustration .tri01 {display: block}
    #triangle_illustration .tri02 {display: block}
    #triangle_illustration .tri03 {display: block}
}
/*モバイルで表示1049px以下で有効）*/
@media only screen and (max-width: 1049px) {
    .pc_only  {display: none}
    #section01 .pc_prev {display: none}
    #triangle_illustration .tri01 {display: none}
    #triangle_illustration .tri02 {display: none}
    #triangle_illustration .tri03 {display: none}
}

.sp_tri01 a {color: #d6b566}
.sp_tri02 a {color: #c4675f}
.sp_tri03 a {color: #709aaa}
#section01 .no_breaks {display: inline-block}