@charset "utf-8";
/* CSS Document */

/* 規約確認表示用 */
#ext_wrap { width: 90.5%; padding: 1.6em 1.6em; margin: 1.0em auto 0.4em; background-color: #f1f4fe; border-radius: 10px; display: block;}
#ext_wrap .scroll { height: 150px; margin-top: 0.8em; overflow-y: scroll; text-align: left; padding: 0.8em; border: solid 1px #E8E8E8; background-color: #FFFFFF; font-size: 15px; line-height: 1.2;}
#ext_wrap h3 { font-size: 17px; line-height: 1; color: #001db3; font-weight: bold;}

/*　画面サイズが980pxまで、以下のスタイル適用 */
@media (max-width: 980px){
/* 規約確認表示用 */
#ext_wrap .scroll { font-size: 14px; line-height: 1.2;}
#ext_wrap h3 { font-size: 15px; line-height: 1; color: #001db3; font-weight: bold;}
}

/*　画面サイズが840pxまで、以下のスタイル適用 */
@media (max-width: 840px){
/* 規約確認表示用 */
#ext_wrap { width: 90.0%; padding: 1.6em 1.6em; margin: 1.0em auto 0.4em;}
#ext_wrap .scroll { font-size: 13px; line-height: 1.2;}
#ext_wrap h3 { font-size: 14px; line-height: 1; color: #001db3; font-weight: bold;}
}

/*　画面サイズが580pxまで、以下のスタイル適用 */
@media (max-width: 580px){
/* 規約確認表示用 */
#ext_wrap { width: 93.0%; padding: 1.6em 2%; margin: 1.0em auto 0.4em;}
}