@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@400;500&display=swap');


#g16369 { /*●全体の背景画像の指定*/
font-family: 'Noto Sans JP', sans-serif;
color: #333; /*文字カラー*/
max-width: 964px; /*横幅*/
margin-top: 50px;
margin-bottom: 50px;
background-color: #fff; /*背景色*/
}


#g16369 img {
width: 100%;
max-width: 964px;
height: auto;
vertical-align: middle;/*画像の隙間を消す（下）*/
vertical-align: top;/*画像の隙間を消す（上）*/
}


#g16369 .count {
position: relative;
}

#g16369 .count img {
width: 100%; /* divの幅に対する割合 */
}


#g16369 .large {
font-size: 1.5em;
}


#g16369 #count {
font-family: 'Noto Serif JP', serif;
font-size: 90px;
color: #831b26; /*文字カラー*/
font-weight: 500; /*数値ででフォントの太さを指定*/
text-shadow: 3px 3px 1px #e1b74f; /* テキストの影を指定（[左右][上下][ぼかし][影の色]） */
position: absolute;/*親ボックスの左上が基準位置*/
left: 10%;
top: 45%;
}


#g16369 #whet {
font-family: 'Noto Serif JP', serif;
font-size: 40px;
position: absolute;/*親ボックスの左上が基準位置*/
left: 30%;
top: 85%;
}


#g16369 .box {
padding: 15px;
margin-top: 50px;
margin-bottom: 0px;
width: 100%; /*divの幅に対する割合 */
background-color: #831b26; /*背景色*/
font-family: 'Noto Serif JP', serif;
}



#g16369 .point {
font-size: 1.5em;
float: left; /*●左に回り込ませる*/
padding: 0.5em 0em 0em 0em;/*●上右下左*/
/* 影を指定（[左右][上下][ぼかし][影の色]） */
text-shadow: 0px 0px 5px #ffffff ,
0px 0px 20px #ffffff,
0px 0px 40px #ffffff,
0px 0px 60px #ffffff,
0px 0px 80px #ffffff,
0px 0px 100px #ffffff;
}

#g16369 .box h3 {
font-size: 50px;
line-height: 1.0; /*行間を調整 単位なし（数値のみ）*/
color: #fff; /*文字カラー*/
margin-left: 100px;
}

#g16369 .box p{
font-size: 26px;
line-height: 1.0; /*行間を調整 単位なし（数値のみ）*/
color: #fbafa8; /*文字カラー*/
margin-left: 100px;
padding-top: 10px;
}

#g16369 .br-sp {/*●スマホだけ改行*/
display: none;
}

#g16369 .pc{
display:block;/*●表示する*/
}

#g16369 .sp{
display:none;/*●表示しない*/
}

/*--------------------------------------------------------------------
●SP 640px以下
--------------------------------------------------------------------*/
@media screen and ( max-width:640px ){
/* スマホ用のCSS */


#g16369 .br-sp {/*●スマホだけ改行*/
display: block;
}

#g16369 .pc {
display:none;/*●表示しない*/
}

#g16369 .sp{
display:block;/*●表示する*/
}

#g16369 .sp2{
display:none;/*●表示しない*/
}


#g16369 #count {
font-size: 30px;
position: absolute;/*親ボックスの左上が基準位置*/
top: 45%;
left: 10%;

}

#g16369 #whet {
font-size: 18px;
position: absolute;/*親ボックスの左上が基準位置*/
top: 80%;
left: 20%;
}

#g16369 .point {
padding: 1.0em 0em 0em 0em;/*●上右下左*/
}

#g16369 .box h3	{
font-size: 28px;
line-height: 1.0; /*行間を調整 単位なし（数値のみ）*/
margin-left: 80px;
}

#g16369 .box p{
font-size: 18px;
line-height: 1.2; /*行間を調整 単位なし（数値のみ）*/
margin-left: 80px;
}


} /* スマホ用のCSSここまで */