html {
  font-family: meiryo, sans-serif;
  word-break:break-all;
}

body {
width:70%;
margin:auto;
padding-top:15px;
}

header {
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  align-content:flex-start;
}

#H001 {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	align-content:flex-start;
	flex-grow:1;
}

#H002 {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	padding-right:20px;
}

#H003 {
	width:10%;
	margin-right:10px;
}

#H008 {
	font-size:1.4em;
}

#H100 {
font-size:2em;
width:2em;
padding:0;
margin:0 5px 0 0;
display:flex;
}

#H101 {
font-size:2em;
flex-grow:1;
}

#H102 {
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  /* padding-right:20px; */
}
#H103 {
}

#H104 {
width:100%;
}

nav {
  background-color:#EDEDED;  
  border-radius: 10px;
}

nav ul {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  border:none;
  list-style: none;
  padding-left:5px;
}

nav ul li {
  width:8em;
  position: relative;
  background-color: none;
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
  display:flex;
  flex-direction:column;
}

nav ul li a {	
  color:black;
  font-size: 1.5em;
  text-decoration: none;
  background-color: none;
  border:none;
}


nav ul li ul {
  position:absolute;
  top: 100%;
  left: 0px;
  padding-left:0px;
  margin: 0px;
  border:none;
  display:flex;
  flex-direction:column;
}


nav ul li ul li {
  opacity: 0;
  height: 0px;
  overflow: hidden;
  transition: 0.3s;
  border:none;
}

nav ul li ul li a {
  width:13em;
  text-align: left;
  padding-left: 0.7em;
  padding-right: 0px;
  background-color: #D1D1D1;
}

nav ul li a:hover {
  background-color:pink;
  border-radius:10px;
}

nav ul li ul li:hover a {
  background-color:pink;
  border-radius:0px;
}

nav ul li:hover ul li {
  height: auto;
  overflow: visible;
  margin: 0px;
  opacity: 1;
  z-index:10;
}

footer {
  background-color:silver;
  border-radius:10px;
}

footer ul {
	width:99%;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	/* justify-content: space-between; */
	align-items: flex-start;
	align-content: flex-start;
	margin-left: 10px;
	padding: 0px;
	list-style: none; 
}

footer ul li adress p {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

footer ul li {
	/* width:24%; */
	vertical-align:top;
	margin-top:10px;
	margin-bottom:30px;
	padding-right:50px;
	/* min-width:300px; */
}

footer ul li ul {
	display:block;
	margin-left:0px;
}

footer ul li ul li {
	text-align:left;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	border:none;
}

footer ul li ul li a {
	white-space:nowrap;
}


footer ul li p {
	margin-top:0px;
	margin-bottom:0px;
}

.copyright {
display:block;
text-align:center;
}

main {
width:75%;
display: flex;
flex-direction: column;
align-items:flex-start;
align-content:flex-start;
margin-top:0px;
}

.main_wide {
width:100%;
display: flex;
flex-wrap:wrap;
flex-direction: column;
}

.main100 {
width:100%;
display: flex;
flex-direction: column;
align-items:flex-start;
align-content:flex-start;
margin-top:0px;
}

.home_h1 {
width:100%;
font-size:2.2em;
display:flex;
flex-direction:column;
flex-wrap:wrap;
align-items:flex-start;
align-content:flex-start;
}

h1 {
width:100%;
/* font-size:2.2em; */
margin-top:0;
margin-bottom:0;
font-color:red;
}

h2 {
width:100%;
font-size:1.5em;
margin-top:1.5em;
margin-bottom:0.4em;
text-decoration: underline;
}

h3 {
width:100%;
font-size:1.2em;
margin-top:0.6em;
margin-bottom:0;
}

p {
margin-top:0.2em;
margin-bottom:0.5em;
}

section {
width:100%;
min-height:10px;
display:flex;
flex-direction:column;
/* padding-top:0px; */
margin-bottom:0px;
}

.D10010000210 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-starat;
align-items:center;
aling-content:flex-start;
border:none;
}

.D10010199000 {
width:100%;
display:flex;
flex-direction:column;
align-items:flex-start;
aling-content:flex-start;
border:none;
}

.D01010000211 {
width:10%;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
border:none;
margin-right:5px;
}

.C001{
font-size:1.2em;
}

.C002{
font-size:2em;
}

.C003{
font-size:1.4em;
}

.C004 {
font-size:1.2em;
font-weight:700;
width:6em;
}

.C005 {
font-size:1.2em;
margin-bottom:10px;
}

.C006 {
width:12em;
font-size:1.2em;
margin-bottom:10px;
text-decoration: underline;
}

.C007 {
font-size:1.2em;
}

.C008 {
font-size:2em;
font-weight:bold;
}

.C009 {
/* display:block; */
width:5em;
background-color:#f5f5f5;
text-align:center;
flex-grow:1;
}

.C010 {
width:15em;
padding-left:0.4em;
}


.D0801004110 {
width:80%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:flex-start;
}

.D08010013110 {
width:80%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:flex-start;
}

.D08010014210 {
width:80%;
min-height:0%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:flex-start;
border:none;
}

.D08010010110 {
width:80%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
border:none;
}


.D0801000421 {
width:80%;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
border:none;
}

.D08010013110b {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:flex-start;
}


.G11000000 {
width: 100%;
}

.G11001000 {
width: 100%;
border:1px solid silver;
}

.G204900000 {
width: 49%;
mini-height:0%;
}

.G204910000 {
width: 49%;
border:1px solid silver;
}


.G402300000 {
width: 23%;
}

.G402310000 {
width: 23%;
border:1px solid silver;
}

.G402400000 {
width: 24%;
}

.G402410000 {
width: 24%;
border:1px solid silver;
}

aside {
width:25%;
}

#sides{
display:flex;
flex-direction:row;
algin-items:flex-start;
}

.S001 {

}


.U001{
width:74%;
}

.L001{
width:97%;
}

.T0101 {
	border: 1px solid silver;
	width: 95%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;	
	align-items: flex-start;
	list-style: none;
}

.T0102 {
	border: 1px solid silver;
	width: 350px;
	display: flex;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom:10px;
	margin-right:10px;
	align-items: center;
	background-color:#F2F2F2;
}

.T0103 {
	border:2px solid silver;
	width:280px;
	margin-top:10px;
}

.P0101 {
  /* width:80%; */
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  align-items:flex-start;
  align-content:flex-start;
  padding-top:0px;
  padding-left:0px;
  /* margin:0 auto; */
}

.P0102 {
  width:100%;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  padding-top:0px;
  padding-left:0px;
  margin-top:0px;
}

.P0103 {
  width:7em;
  text-align:left;
  padding-left:5px;
  flex-shrink:0;
/*
 height:auto; 
 display:flex;
 flex-direction:column;
 align-items:flex-start;
*/
}

.P0104 {
  /* flex-grow:1; */
  padding-left:5px;
  display:flex;
  flex-direction:column;
}

.P0201 {
  /* width:80%; */
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  align-items:flex-start;
  align-content:flex-start;
  padding-top:0px;
  padding-left:0px;
  /*margin:0 auto;*/
}

.P0202 {
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  padding-top:0px;
  padding-left:0px;
  margin-top:0px;
}

.P0203 {
  width:7em;
  text-align:left;
  padding-left:5px;
  flex-shrink:0;
/*
 height:auto; 
 display:flex;
 flex-direction:column;
 align-items:flex-start;
*/
	
}

.P0204 {
  /* flex-grow:1; */
  padding-left:5px;
  display:flex;
  flex-direction:column;
}

.P0205 {
  /* padding-left:5px; */
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  align-items:flex-start;
  align-content:flex-start;
  padding-top:0px;
  padding-left:0px;
  /*margin:0 auto;*/
}

.P0206 {
  /* flex-grow:1; */
  /* padding-left:5px; */
  display:flex;
  flex-direction:column;
}

.telop {
  width:100%;
  font-size:2em;
  font-weight:bold;
}

.subtitle0 {
font-size:1.4em;
margin:0.5em 0 0.5em 0;
}

.subtitle1 {
font-size:1.4em;
margin:0.5em 0 0 0;
}

.subtitle2 {
font-size:1.4em;
margin:0;
}

.subtitle3 {
width:100%;
font-size:1.4em;
margin:0 0 0.5em 0;
}

.subtitle3b {
width:100%;
font-size:1em;
font-weight:bold;
text-decoration:underline solid black;
margin:1.5em 4em 0.5em 0em;
padding-bottom:1.5em;
}

.img-small {
  width:10%;
}

.under-construction {
}

.profile_section {
}

.img100 {
width:100%;
}

.img032 {
width:32%;
}

.img000 {
width:32%;
}

.disp001 {
width:60%;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
}

.disp002 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
}

.disp003 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}

.disp004 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}

.disp005 {
/* width:60%; */
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
/*
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
*/
}

.disp006 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
}

.disp007 {
/* width:100%; */
width:15em;
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
padding-left:0.4em;
}

.disp008 {
/* width:100%; */
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
}

.disp009 {
/* width:60%; */
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
align-items:flex-start;
align-content:flex-start;
padding-left:0;
/*
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
*/
}

.disp010 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap-reverse;
justify-content:flex-start;
align-items:center;
align-content:center;
}

.disp003 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}

/* index */

.u001 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;	
  align-items: stretch;
  align-content: flex-start;
  list-style: none;
  padding-left:0px;
  padding-right:0px;
  margin-top:0px;
}

.u002 {
  border: 1px solid silver;
  /* width:13em; */
  width: 22%;
  /* width: 16%; */
  display: flex;
  flex-direction:column;
  justify-content: flex-start;
  flex-items:flex-start;
  flex-content: flex-start;
  padding: 7px 7px 0px 7px;
  margin:3px;
  align-items: center;
  background-color:#F2F2F2;
  border-radius: 10px;
}

.u003 {
  width:100%;
  border-radius:10px;
}

.u005 {
width:100%;
margin-bottom:0px;
display:incline-block;
}

.u006 {
width:100%;
margin-bottom:0px;

}

.u007 {
display:flex;
width:100%;
min-height:0%;
}

/*
.u003 {
  border:2px solid silver;
  width:100%;
  padding-top:75%;
  margin-top:10px;
}
*/

.m100 {
width:100%;
display:flex;
flex-wrap:wrap;
flex-direction:column;
}

.m101 {
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap-reverse;
justify-content:flex-end;
}

.m102 {
  width:30em;
  display:flex;
  flex-direction:column;
}

.m103 {
flex-grow:1;
}



.m104 {
width:100%;
border:2px solid silver;
}

.m105 {
padding-left:0px;
list-style: none;
}

/* SATO */

.m000_session {
  min-height:10px;
  display:flex;
  flex-direction:column;
  align-content:flex-start;
  margin:0px;
}

.m200_ul1 {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-content:flex-start;
  padding:0px;
}

.m201_li1 {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:0px;
  margin:0px auto;
}

.m202_div {
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-item:flex-start;
}

.m203_ul2 {
  display:flex;
  flex-direction:column;
  list-style: none;
  padding-left:0px;
  margin:0px;
}


.m204 {
width:19em;
/*
flex-grow:1;
flex-shrink:1;
display:flex;
flex-direction:column;
align-items:flex-start;
*/
}

.m205_li2 {
padding:0px;
margin:0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
}

.m206_item {
width:7em;
margin:0px;
padding:0px;
}

.m207_description1 {
width:12em;
margin:0px;
padding:0px;
}

.m208_ul3 {
list-style:none;
padding-left:0px;
}

.m209_li3 {
padding:0px;
}

.m210_description2 {
margin:0px;
padding:0px;
}

.m211_img {
width:100%;
margin:0px;
}

.m212 {
  width:100%;
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  padding:0px;
}

.m213 {
  width:100%;
  min-height:1px;
  padding:0px;

/*
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  align-content:flex-start;
  flex-basis:auto;
*/
}

.m214 {
  /* flex:initial; */
  /* flex:1 0 auto; */
  width:100%;
  margin:0;
}

.m215 {
  width:100%;
  min-height:100px;
  padding:0px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start;
}

.m216 {
  width:100%;
  /* flex:1 0 auto; */
  margin:0;
}

.m217 {
width:400px;
}

.m218 {
flex-basis:80px;
height:auto;
}



.m219 {
  width:100%;
  min-height:10px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-item:flex-start;
  align-content:flex-start;
  padding:0px;
}

.m220 {
  width:400px;
  min-width:60px;
  flex:1 1 auto;
}

.m221 {
flex-grow:1;
flex-shrink:1;
flex-basis:100px;
}

.m222 {
width:50%;
/*width:400px; */
min-height:10px;
display:flex;
flex-direction:column;
flex-wrap:wrap;
align-items:flex-start;
align-content:flex-start;
}

.m2221 {
width:70%;
/*width:400px; */
min-height:10px;
display:flex;
flex-direction:column;
flex-wrap:wrap;
align-items:flex-start;
align-content:flex-start;
}



.m223 {
flex-grow:1;
flex-shrink:1;
flex-basis:100px;
min-height:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:flex-start;
align-content:flex-start;
}

.m224 {
  width:100%;
  min-height:0;
  flex:1 0 auto;
}

.m225{
width:100%;
}

.m2251{
width:100%;
word-break:normal;
}

/* gwalk */
.m101 {
width:80%;
min-height:10px;
display:flex;
flex-direction:row;
justify-content:space-around;
align-items:center;
align-content:flex-start;
border:none;
}

.m102 {
width:45%;
flex-grow:1;
flex-shrink:1;
display:flex;
flex-direction:row;
align-items:flex-start;
align-content:flex-start;
}

.m103_img {
width:100%;
}

.G20211223 {
width: 31%;
border:1px solid silver;
}

.m999 {
  min-height:10px;
  display:flex;
  flex-direction:column;
  align-content:flex-start;
  margin:0px;
}