%
%	gbb60166@gmail.com	https://unilab.gbb60166.jp/prekou/prekou.htm
%
% aspectratio= は 1610, 169, 149, 54, 32 の中から選べる（省略時は 43）
% C:\texlive\2023\texmf-dist\tex\latex\beamer\beamer.cls
%\documentclass[20pt,dvipdfmx,hyperref={pdfpagemode=FullScreen},aspectratio=169]{beamer}
%\documentclass[20pt,dvipdfmx,hyperref={pdfstartview={XYZ null null 8.00}},aspectratio=169]{beamer}
\documentclass[20pt,dvipdfmx,aspectratio=169]{beamer}
% pdfの栞の字化けを防ぐ
%\AtBeginDvi{\special{pdf:tounicode EUC-UCS2}}
% テーマ
\usetheme{Copenhagen}
% navi. symbolsは目立たないが，dvipdfmxを使うと機能しないので非表示に
\setbeamertemplate{navigation symbols}{} 
\usepackage{bxdpx-beamer,pxjahyper,minijs}
%\usepackage{graphicx}
%\usepackage{tkokugo,furikana,tsayusen,shiika,sfkanbun,jdkintou,plext}
\usepackage{type1cm,furikana,bm}
\usepackage[deluxe]{otf}
%\usepackage{tikzsymbols}
%\usepackage[dvipdfmx]{graphicx}%
\def\pgfsysdriver{pgfsys-dvipdfmx.def}%（graphicxパッケージを使用しない場合はこの行を有効に）
%\def\pgfsysdriver{pgfsys-dvips.def}%デフォルト
%\usepackage[e]{esvect}
\usepackage{tikz}%（これで、pgfとpgfforが読み込まれます。）
%\usepackage{tikz-3dplot}
%\usetikzlibrary{arrows.meta}
%\usetikzlibrary{calc,patterns,angles,intersections,backgrounds}
%\usepackage{animate}
%\usepackage{pgfplots}
%\pgfplotsset{compat=newest}
%\pgfplotsset{compat=newest, every axis/.append style={line width=1pt}}
%\PassOptionsToPackage{dvipdfmx}{graphicx}
\nofiles

% フォントはお好みで
%\usepackage{txfonts}

\mathversion{bold}
\renewcommand{\familydefault}{\sfdefault}
\renewcommand{\seriesdefault}{bx}
\renewcommand{\kanjifamilydefault}{\gtdefault}
\renewcommand{\kanjiseriesdefault}{bx}
\setbeamerfont{title}{size=\normalsize,series=\bfseries}
\setbeamerfont{frametitle}{size=\normalsize,series=\bfseries}
\setbeamertemplate{frametitle}[default][center]
\usefonttheme{professionalfonts}

% 参考にしたURL
% http://windom.phys.hirosaki-u.ac.jp/fswiki/wiki.cgi?page=LaTeX+Beamer%A4%C7%A5%D7%A5%EC%A5%BC%A5%F3%A5%C6%A1%BC%A5%B7%A5%E7%A5%F3

\newcommand{\Slash}[1]{\ooalign{\hfil\kern-3pt／\hfil\crcr$#1$}}
\everymath{\displaystyle}

\def\maruwaku#1{\begin{tikzpicture}[scale=0.7, baseline={([yshift=-22pt] current bounding box.north)}]
\filldraw[color=CUDBlue, line width=1pt, rounded corners=2pt] (-0.1,0)--(2.1,0)--(2.1,1.1)--(-0.1,1.1)--cycle;
\draw(1,0.5) node[white]{#1};
\end{tikzpicture}
}

\setbeamersize{text margin left=5mm,text margin right=5mm}
\fboxrule=0.8pt

\makeatletter
\def\hooklen#1#2{\settowidth{\@tempdima}{\(#1\)}
%\advance\@tempdima by.3ex
% ↑ 数式モードで式の前後に入るスペースを制御したかったが、
%    難しいのでやめた。段々難解なコードになっているのでやめた方がよい？
\hbox to\@tempdima{\hfil \(#2\)\hfil}}
%■等号付き不等号 by 美文書作成入門
\newcommand{\myleqq}{\mathrel{\mathpalette\gl@align<}}
\newcommand{\mygeqq}{\mathrel{\mathpalette\gl@align>}}
\newcommand{\gl@align}[2]{\lower.6ex\vbox{\baselineskip\z@skip\lineskip\z@
	\ialign{$\m@th#1\hfil##\hfil$\crcr#2\crcr=\crcr}}}
\makeatother

% カラーユニバーサルデザインを調べたつもりだがあまり自信がありません
% http://www.fukushihoken.metro.tokyo.jp/kiban/machizukuri/kanren/color.files/colorudguideline.pdf
% http://jfly.iam.u-tokyo.ac.jp/colorset/

% ■ アクセントカラー小面積を目立たせる高彩度色
\definecolor{CUDRed}{RGB}{255,75,0}
\definecolor{CUDGreen}{RGB}{3,175,122}
\definecolor{CUDBlue}{RGB}{0,90,255}
\definecolor{CUDCyan}{RGB}{77,196,255}
\definecolor{CUDMagenta}{RGB}{153,0,153}
\definecolor{CUDYellow}{RGB}{255,241,0}
\definecolor{CUDBrown}{RGB}{128,64,0}

\definecolor{CUDOrange}{RGB}{246,170,0}

% ■ ベースカラー広い面積の塗り分けに用いる低・中彩度色
\definecolor{CUDPink}{RGB}{255,202,191}
\definecolor{CUDBrightGreen}{RGB}{119,217,168}
\definecolor{CUDLime}{RGB}{216,242,85}
\definecolor{CUDCream}{RGB}{255,255,128}
\definecolor{CUDBrightCyan}{RGB}{191,228,255}
%\definecolor{CUD}{RGB}{}%

\setbeamercolor{CUDBrightGreen}{fg=black,bg=CUDBrightGreen!50}
\setbeamercolor{CUDCream}{fg=black,bg=CUDCream!75}

\newcommand{\mypercent}{\tikz[baseline=0pt,thick]{%
	\useasboundingbox(0,0) rectangle (0.8em,1.6ex);
	\draw[line cap=round](0.35em,0)--++(0.5em,1.6ex);
	\draw(0.4em,1.2ex) node{\tiny$0$};
	\draw(0.8em,0.4ex) node{\tiny$0$};
		}
	}
\newcommand{\MyPercent}{\tikz[baseline=0pt]{%
	\useasboundingbox(0,0) rectangle (0.8em,1.6ex);
	\draw[line width=0.14ex,line cap=round](0.25em,0)--++(0.45em,1.4ex);
	\draw(0.25em,1ex) node{\scriptsize$\bm{0}$};
	\draw(0.7em,0.4ex) node{\scriptsize$0$};
		}
	}


\begin{document}

\title{プレ高数学科}\author{gbb60166}

%■ 本文と数式モードの間に挿入される空白スペース
%\mathsurround=-1pt
%■ \( \log\log \)でlogとlogの間に挿入される細スペース（省略形は \,）
%\thinmuskip=3mu
%■ \( a+b \)で+の前後に挿入される中スペース（省略形は \>）
%\medmuskip=2mu plus 1mu minus 1mu
\medmuskip=1mu
%■ \( x=5 \)で=の前後に挿入される太スペース（省略形は \;）
%\thickmuskip=5mu plus 5mu
% mu は math units の省略で長さの単位

%■■■■■■■■■■■■■　テスト領域　■■■■■■■■■■■■■■


%\end{document}
%■■■■■■■■■■■■■　完成品　■■■■■■■■■■■■■■

\begin{frame}[t]
\frametitle{\small \(4\mypercent\)の食塩水$120$\,\textrm{g}に
	\(9\mypercent\)の
	食塩水$x$\,\textrm{g}を混ぜて\(7\mypercent\)へ}

\pause
濃度の問題は\kana{天秤法}{てんびんほう}がイチ押し\pause

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<4->{\draw(-4,2.5) node{\(4\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$120$\,\textrm{g}};
	}
\visible<5->{\draw(4,2.5) node{\(9\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$x$\,\textrm{g}};
	}
\visible<6->{\draw(0,2.5) node{\(7\MyPercent\)};}
\visible<7->{\draw(-2,2.3) node[CUDRed]{$3$};}
\visible<8->{\draw(2,2.3) node[CUDBlue]{$2$};}
\visible<9->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<10->{\centerline{\( \textcolor{CUDRed}{3\times120}
	=\textcolor{CUDBlue}{2\times x} \)}
	}
\visible<11->{\centerline{\( \text{\□答}\ 180=x \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\small \(3\mypercent\)の食塩水$200$\,\textrm{g}に
	\(8\mypercent\)の食塩水$x$\,\textrm{g}を混ぜて\(6\mypercent\)へ}

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<2->{\draw(-4,2.5) node{\(3\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$200$\,\textrm{g}};
	}
\visible<3->{\draw(4,2.5) node{\(8\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$x$\,\textrm{g}};
	}
\visible<4->{\draw(0,2.5) node{\(6\MyPercent\)};}
\visible<5->{\draw(-2,2.3) node[CUDRed]{$3$};}
\visible<6->{\draw(2,2.3) node[CUDBlue]{$2$};}
\visible<7->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<8->{\centerline{\( \textcolor{CUDRed}{3\times200}
	=\textcolor{CUDBlue}{2\times x} \)}
	}
\visible<9->{\centerline{\( \text{\□答}\ 300=x \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\small \(2\mypercent\)の食塩水$100$\,\textrm{g}に
	\(10\mypercent\)の食塩水$x$\,\textrm{g}を混ぜて\(8\mypercent\)へ}

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<2->{\draw(-4,2.5) node{\(2\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$100$\,\textrm{g}};
	}
\visible<3->{\draw(4,2.5) node{\(10\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$x$\,\textrm{g}};
	}
\visible<4->{\draw(0,2.5) node{\(8\MyPercent\)};}
\visible<5->{\draw(-2,2.3) node[CUDRed]{$6$};}
\visible<6->{\draw(2,2.3) node[CUDBlue]{$2$};}
\visible<7->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<8->{\centerline{\( \textcolor{CUDRed}{6\times100}
	=\textcolor{CUDBlue}{2\times x} \)}
	}
\visible<9->{\centerline{\( \text{\□答}\ 300=x \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\small \(10\mypercent\)の食塩水$320$\,\textrm{g}に
	水$x$\,\textrm{g}を混ぜて\(8\mypercent\)へ}
\pause

水は「\(0\MyPercent\)の食塩水」と思えば良い\pause

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<4->{\draw(-4,2.5) node{\(10\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$320$\,\textrm{g}};
	}
\visible<5->{\draw(4,2.5) node{\(0\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$x$\,\textrm{g}};
	}
\visible<6->{\draw(0,2.5) node{\(8\MyPercent\)};}
\visible<7->{\draw(-2,2.3) node[CUDRed]{$2$};}
\visible<8->{\draw(2,2.3) node[CUDBlue]{$8$};}
\visible<9->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<10->{\centerline{\( \textcolor{CUDRed}{2\times320}
	=\textcolor{CUDBlue}{8\times x} \)}
	}
\visible<11->{\centerline{\( \text{\□答}\ 80=x \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\begin{frame}[t]
\frametitle{\small \(9\mypercent\)の食塩水$200$\,\textrm{g}に
	水$x$\,\textrm{g}を混ぜて\(5\mypercent\)へ}

\pause

水は「\(0\MyPercent\)の食塩水」と思えば良い\pause

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<4->{\draw(-4,2.5) node{\(9\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$200$\,\textrm{g}};
	}
\visible<5->{\draw(4,2.5) node{\(0\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$x$\,\textrm{g}};
	}
\visible<6->{\draw(0,2.5) node{\(5\MyPercent\)};}
\visible<7->{\draw(-2,2.3) node[CUDRed]{$4$};}
\visible<8->{\draw(2,2.3) node[CUDBlue]{$5$};}
\visible<9->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<10->{\centerline{\( \textcolor{CUDRed}{4\times200}
	=\textcolor{CUDBlue}{5\times x} \)}
	}
\visible<11->{\centerline{\( \text{\□答}\ 160=x \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\footnotesize \(4\mypercent\)の食塩水$200$\,\textrm{g}と
	\(10\mypercent\)の食塩水$100$\,\textrm{g}を
	混ぜると\(x\mypercent\)へ}
\pause

\( 4\MyPercent<x\MyPercent<10\MyPercent \)となるので\pause

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<4->{\draw(-4,2.5) node{\(4\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$200$\,\textrm{g}};
	}
\visible<5->{\draw(4,2.5) node{\(10\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$100$\,\textrm{g}};
	}
\visible<6->{\draw(0,2.5) node{\(x\MyPercent\)};}
\visible<7->{\draw(-2,2.3) node[CUDRed]{$x-4$};}
\visible<8->{\draw(2,2.3) node[CUDBlue]{$10-x$};}
\visible<9->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<10->{\centerline{\( \textcolor{CUDRed}{(x-4)\times200}
	=\textcolor{CUDBlue}{(10-x)\times 100} \)}
	}
\visible<11->{\centerline{\( x=6\ \text{\□答} \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\footnotesize \(2\mypercent\)の食塩水$100$\,\textrm{g}と
	\(5\mypercent\)の
	食塩水$200$\,\textrm{g}を混ぜると\(x\mypercent\)へ}

\pause

\( 2\MyPercent<x\MyPercent<5\MyPercent \)となるので\pause

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<4->{\draw(-4,2.5) node{\(2\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$100$\,\textrm{g}};
	}
\visible<5->{\draw(4,2.5) node{\(5\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$200$\,\textrm{g}};
	}
\visible<6->{\draw(0,2.5) node{\(x\MyPercent\)};}
\visible<7->{\draw(-2,2.3) node[CUDRed]{$x-2$};}
\visible<8->{\draw(2,2.3) node[CUDBlue]{$5-x$};}
\visible<9->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<10->{\centerline{\( \textcolor{CUDRed}{(x-2)\times100}
	=\textcolor{CUDBlue}{(5-x)\times 200} \)}
	}
\visible<11->{\centerline{\( x=4\ \text{\□答} \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\small \(8\mypercent\)の食塩水$200$\,\textrm{g}から
水を$x$\,\textrm{g}蒸発させると\(10\mypercent\)へ}
\pause

水は「\(0\MyPercent\)の食塩水」と思えば良い\pause

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<4->{\draw(-4,2.5) node{\(8\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$200$\,\textrm{g}};
	}
\visible<5->{\draw(4,2.5) node{\(0\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$x$\,\textrm{g}};
	}
\visible<6->{\draw(0,2.5) node{\(10\MyPercent\)};}
\visible<7->{\draw(-2,2.3) node[CUDRed]{$2$};}
\visible<8->{\draw(2,2.3) node[CUDBlue]{$10$};}
\visible<9->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<10->{\centerline{\( \textcolor{CUDRed}{2\times200}
	=\textcolor{CUDBlue}{10\times x} \)}
	}
\visible<11->{\centerline{\( x=40\ \text{\□答} \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\small \(12\mypercent\)と\(7\mypercent\)の
食塩水混ぜて\(10\mypercent\)で$600$\,\textrm{g}にしたい}

\pause

\colorbox{CUDRed!25}{\(12\MyPercent\)を$x$\,\textrm{g}}とする
と\colorbox{CUDBlue!25}{\(7\MyPercent\)は$600-x$\,\textrm{g}}だから\pause

\centerline{%
\begin{tikzpicture}[rotate=0, very thick, scale=1,
	baseline={( [yshift=-36pt] current bounding box.north)}]
\draw (-4,0) circle (1);
\draw (4,0) circle (1);
\draw(-4,1)--(-4,2)--(4,2)--(4,1);
\fill(0,2)--(0.5,0.7)--(-0.5,0.7);
\visible<4->{\draw(-4,2.5) node{\(12\MyPercent\)};
	\draw(-4,0) node[CUDRed]{$x$\,\textrm{g}};
	}
\visible<5->{\draw(4,2.5) node{\(7\MyPercent\)};
	\draw(4,0) node[CUDBlue]{$600-x$\,\textrm{g}};
	}
\visible<6->{\draw(0,2.5) node{\(10\MyPercent\)};}
\visible<7->{\draw(-2,2.3) node[CUDRed]{$2$};}
\visible<8->{\draw(2,2.3) node[CUDBlue]{$3$};}
\visible<9->{\draw(3,1.2) node[CUDBlue]{$\times$};
	\draw(-3,1.2) node[CUDRed]{$\times$};
	}
\end{tikzpicture}
}

\visible<10->{\centerline{\( \textcolor{CUDRed}{2\times x}
	=\textcolor{CUDBlue}{3\,(600-x)} \)}
	}
\visible<11->{\centerline{\( x=360\ \text{\□答} \)}}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


\end{document}
