@charset "utf-8";
/* CSS Document */
img { 
	max-width: 100%; 
	height: auto;
}

.p_width{
	width: 100%;
}
.pic_layout{
	text-align:center;
	margin: 20px
}
h1{
	font-size: x-large;
	height: 1em;
}
h2{
	font-size: large;
	height: 1em;

}
h3{
	font-size: large;
	height: 1em;

}
a {
  color: #006666;
}

a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #00FFFF;
}
a:active {
	color: #00FFFF;
}
.formula{
	margin-left:1em;
}
.formula_next{
	margin-left:1em;
}

.red {
	color: #F00;
}	
.bold-red {
	color: #F00;
	font-weight: bold;
}
.blue {
	color: #00F;
}
.bold-blue {
	color: #00F;
	font-weight: bold;
}
.bold-green {
	color: #0F0;
	font-weight: bold;
}
/* 改行防止 */
.no_newline{
	display:inline-block;
}
/* スライダー：数式が長い場合にスライドさせる */
.slider {
	width: 95vw;
	overflow-x:auto;
}
ul.multiple {
margin-left: 2em;
padding:0;
list-style-type: none;
}

ul.multiple li {
float: left;
margin-right: ;
padding: ;
text-align: left;
}
/*----------------------------------ここからPCモニターの記述-----------*/
@media screen and (min-width: 600px) {
.p_width{
	width: 800px;
}
.formula{
	margin-left:2em;
}
.formula_next{
	margin-left:3em;
}
.pic_layout{
	float:right;
	margin: 20px
}
        .image-container img {
            width: 60%; /* 元の幅の50%に縮小 */
            height: auto; /* アスペクト比を保つ */

        }	
	
}