@charset "UTF-8";
/* changed for Japanese */

/* テキストボックス */
h1{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 46px;
	line-height: auto;
	font-weight: bolder;
	color: #ee4035;
}


/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){
h1{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 28px;
	line-height: 56px;
	font-weight: bolder;
	color: #ee4035;
}
}

/* テキストボックス */
h2{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 40px;
	line-height: auto;
	font-weight: bolder;
	color: #ee4035;
	line-height: 60px;
}


/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){
h2{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 26px;
	font-weight: bolder;
	line-height: auto;
	color: #ee4035;
}
}


.fon1{
	font-size: 40px;
	color: black;
	font-weight: bolder;
	line-height: 80px;
}
.fon2{
	font-size: 22px;
	color: black;
	font-weight: normal;
	line-height: 40px;
}
.fon3{
	font-size: 16px;
	color: black;
	font-weight: normal;
}
/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){
.fon3{
	font-size: 14px;
	color: black;
	font-weight: normal;
}
}



.fon4{
	font-size: 30px;
	font-weight: bolder;
	line-height: 50px;
}
/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){
	.fon4{
	font-size: 20px;
	font-weight: bolder;
	line-height: 40px;
}
}

.fon5{
	font-size: 30px;
	font-weight: bolder;
	line-height: 50px;
    color: #ee4035;	
}
/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){
	.fon5{
	font-size: 20px;
	font-weight: bolder;
	line-height: 40px;
}
}

.fon6{
	font-size: 26px;
	color: #ee4035;
	font-weight: bolder;
	line-height: 60px;
}
.fon7{
	font-size: 16px;
	color: black;
	font-weight: normal;
	line-height: 34px;
}



.ryo-1{
	font-size: 12px;
}