@charset "UTF-8";

/*
##################################################################
 
	白ベース(黒文字)デザインの場合
 
##################################################################
*/


/*赤バージョン*/
#intro{
	position:relative;
}
#intro:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(255,255,255,.5);

}
#intro .content{
	position:relative;
	z-index:100;
}
.pink{color:#B81C22;}
.main{
	background:#fff;
}
h2{color:#B81C22;}
.box,.box2{border:#B81C22 4px solid;}
button{background-color: #B81C22;}
input[type="submit"]{
	background-color: #B81C22;
}
.main.style1 h1,
.main.style1 h2,
.main.style1 > .content{
	color:#333;
}
.main.dark .button.style2 {
	border-color: #B81C22;
}
.flow dt{color:#B81C22;}
.flow dt span{
	background:#B81C22;
	color:#fff;
	padding:0 10px;
	margin-right:10px;
}

span.hissu{background:#B81C22;}

.triangle{
	border-top: 40px solid #B81C22;
}
@media screen and (max-width: 1000px) {
	.triangle{
		border-top: 30px solid #B81C22;
	}
}
@media screen and (max-width: 736px) {
		border-top: 20px solid #B81C22;
}
@media screen and (max-width: 480px) {
	.triangle{
		border-top: 20px solid #B81C22;
	}
}
input[type="button"].down,
input[type="submit"].down,
input[type="reset"].down,
.button.down,
button.down{
	background-image: url("../../images/dark-arrow_red.svg");
}
.main.dark .button.style2.down {
	background-image: url("../../images/dark-arrow_red.svg");
}