@charset "utf-8";
/*=============================================================
MAIN
=============================================================*/
#ttlOuter{
  height:230px;
  background-color:#f5f5f5;
}
#ttl{
  width: 100%;
  padding:0 20px;
  box-sizing: border-box;
  position:absolute;
  top:50%;
  left:0;
  text-align:center;
  transform:translateY(-50%);
}
#ttl h1{
  /*  color:#338daa;*/
  font-size:48px;
}
@media all and (-ms-high-contrast: none){
  #ttl h1{
    padding:20px 0 0;
  }
}

h2{
  font-size:22px;
  margin-top:0;
  padding-top:40px;
  text-align:left;
}
h3{
font-size:17px;
margin-top:0;
  padding-top:1em;
text-align:left;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){
  /*=============================================================
  MAIN
  =============================================================*/
  #ttlOuter{
    height:70px;
  }
  #ttl h1{
    font-size:26px;
  }
  h2{
    font-size:18px;
    margin-top:0;
    padding-top:40px;
    text-align:left;
  }
  h3{
    font-size:14px;
    margin-top:0;
    padding-top:1em;
    text-align:left;
  }
.link li{ font-size: 14px;}
}