/*  @charset "UTF-8";
 
 body {
  background-color: gray;
  margin: 0;
  font-size: 50px;
} */


body {
max-width: 880px;
min-width: 640px;
margin: 0 auto 0 auto;

}

#layout000 {
  width: 880px; /* 幅 */
  height: auto
  margin: 30px;
  float: left;  /* 回り込み */
  padding-bottom: 30px;
}

#layout000a {
  background-color: rgba(200,255,255,0.2); 
  width: 880px; /* 幅 */
  height: auto
  margin: 30px;
  padding-bottom: 30px;
}


#layout000b {
  background-color: rgba(251, 255, 200, 0.2); 
  width: 880px; /* 幅 */
  height: auto
  margin: 30px;
  padding-bottom: 30px;
}


#layout001 {
  /* background-color: red; */
  width: 400px; /* 幅 */
  height: auto 
/*  height:600px;  /* 高さ */
  margin: 30px;

  float: left;  /* 回り込み */
}
 
#layout002 {
  /* background-color: green; */
  width: 400px; /* 幅 */
  height: auto
/*  height:600px;  /* 高さ */
  margin: 30px;
  float: left;  /* 回り込み */
}


 
#layout00 {
  width: 600px;
  margin: 0 auto;
}
 
#layout01 {
  background-color: blue;
  width: 100%;
  height: 200px;
}
 
#layout02 {
  width: 50%;
  float: left;
}
 
#layout03 {
  width: 50%;
  float: left;
}
 
#layout04 {
  background-color: yellow;
  width: 100%;
  height: 200px;
  clear: both;
}
 
#layoutMiddle {
  background-color: purple;
}
 
/* clearfix ここから */
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
 
.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*\*//*/
  overflow: hidden;
  height: auto;
  /**/
}
/* clearfix ここまで */

/*
 2020-1-2
  Indent 最初の行を１文字後退 :Indentfront
  Indent 2行目以降を１文字後退：Indentback

*/



p.Indentfront{
  text-indent: 1em;
}

p.Indentback{
  text-indent: -1em;
  padding-left: 1em;
}

div.Waku_1{
		margin-left:1em;
		border:#006DD9 solid 1px;
		width: 400px;
	 }
div.Waku_2{
		margin-left:2em;
		border:#006DD9 solid 2px;
		width: 500px;
	 }


/*
 以下 https://creive.me/archives/13552/
*/


.box_1 {
   display: inline-block;
	vertical-align: middle;
   color: #FFF;
   width:250px;
   height:166px;

}
 
.box_2{
  display: inline-block;
	vertical-align: middle;
  color: #FFF;
  width:250px;
  height:166px;

}
 
.box_3{
  display: inline-block;
	vertical-align: middle;
  color: #FFF;
  width:250px;
  height:166px;
}

/*
 以下 https://pct.unifas.net/css/css3/3400/2020-1-2

*/

.waku{
    width: 520px;
    display:flex;
}
 
.in {
    padding: 5px;
    width: 50%;
}