@charset "utf-8";

/*font-family*/
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}

body *{font-family: 'Noto Sans',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

/*default*/
h1, h2, h3, h4, h5{
	font-weight: bold;
	line-height: 1.8em;
	margin-top: 20px;
	color: #1a386b;
}
@media screen and ( max-width:767px) { h1, h2, h3, h4, h5 {line-height: 1.8em;} }

h1 { font-size:32px;}
h2 { font-size:28px;}
h3 { font-size:20px;}
@media screen and ( max-width:767px) { h1 { font-size:28px; } }
@media screen and ( max-width:767px) { h2 { font-size:24px; } }
@media screen and ( max-width:767px) { h3 { font-size:22px; } }

h4, h5{font-size:20px;}

.content p {
	font-size: 18px;
	line-height: 1.8em;
}