html{
  scroll-behavior: smooth;
}
img{
  max-width:100%;
}
.flex_2{
  display: flex;
  align-items: flex-start;
}
.flex_3{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flex_3>div{
  width: 33%;
  text-align: center;
}

.kyoukun_left{
  max-width:65%;
}
.kyoukun_right{
  max-width:35%;
}
.kyoukun_right img{
  width: 100%;
}


.kyoukun_child{
  border: 2px solid rgb(47,82,142);
  padding: 0.5em;
  background-color: rgb(180,199,231);
  line-height: 1.4;
  margin-right: 0.5em;
}
.kyoukun_child>div{
  font-size: large;
  font-weight: bold;
  color: rgb(0,112,192);
}


.ppt_1{
  border: 1px solid deeppink;
  color: deeppink;
  line-height: 1.8;
  padding: 0.5em;
}
.ppt_2{
  border: 1px solid midnightblue;
  color: midnightblue;
  line-height: 1.8;
  padding: 0.5em;
}
.ppt_1 a,.ppt_2 a{
  text-decoration: underline;
}

.kaisetsu{
  font-weight: bold;

}
.kaisetsu img{
  border: 1px solid rgb(0,112,192);
  margin-top:0.75em;
}

.ul_arrow{
  list-style: none;
  margin-top:5px;
  
}
.ul_arrow li:before{
  content: url(info/images/arrow.jpg);
  margin-right: 0.5em;
  position: relative;
  top: 4px;
}

.ul_arrow li {
  text-indent: -2em;
  margin-left: 2em;
}