@charset "utf-8";a:hover img {
-moz-opacity:0.7;
opacity:0.7;
filter:alpha(opacity=70);
}

p {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.centre{
text-align: center;
font-size: 1.8em;
line-height: 150%;
padding: 15px;
}

.centre2{
text-align: center;
font-size: 1.0em;
font-weight: bolder;
line-height: 150%;
padding: 10px;
}

.centre3{
text-align: center;
font-size: 1.8em;
font-weight: bolder;
line-height: 150%;
padding: 10px;
}

.ttl0420{
font-size: 1.5em;
font-weight: bolder;
text-align:left;

}

.Q0420{
font-size: 1.1em;
font-weight: bolder;
text-align:left;
padding:20px 0 20px 0;

}

.bnr0521{
text-align:left;
}

.wrapper {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom:20px;
  }


  .wrapper2 { 
    max-width:980px; 
    margin: 0 auto; 
    text-align: center; 
    padding:10px;

  } 

  .wrapper3{ 
    max-width:980px; 
    margin: 0 auto; 
    text-align: center; 

  } 
 
 .txt0420-3 {
    display: inline-block;
    font-size: 2.0em;

  }


.txt0420{ 
    display: inline-block; 
    text-align: left; 
    font-size: 1.1em;
    line-height: 180%;
  } 


.container{
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flex; 
    display: -o-flex; 
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center; 
  

}

.container2{
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flex; 
    display: -o-flex; 
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center; 

}

.child{
   padding: 20px 10px 10px 10px;
   line-height: 180%;

}


.child2{
text-align: center;
   line-height: 180%;
  width: 48%;
  padding: 10px;
  font-size: 1.0em;
}

.text0524{
 text-align:left;
  display:inline-block;

}



.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #ffffff;
  border: solid 2px #000000;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #000000;
  color: white;
}

.box1 {
    padding: 1.5em 1.5em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 1px #000000;
    width: 980px;
}
.box1 p {
    margin: 0; 
    padding: 0;
    display: inline-block;
    text-align: left;
    line-heiht:150%;
}

.credit{
font-size: 0.8em;
text-align: right;
color: #ababab;
}

.uline{
 text-decoration: underline;
}

h1 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  font-weight: bolder;
  padding: 20px 0 10Px 0;
}
h1:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  font-weight: bolder;
}
h2:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 3px;
  left: 1%;
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
  background-color: black;
  border-radius: 2px;
}


.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 2s;
}