@charset "UTF-8";

/* =========================================================================================================================================

スタイルシート横幅：1501pxから

========================================================================================================================================= */
@media screen and (min-width: 1501px) {

#title02 {
  width: 100%;
  display: block;
  padding: 0 0 0.1% 0;
  font-size: 150%;
  color: #00b0ec;
  clear: both;
  border-bottom: 2px solid #00b0ec;
}
#tenpo_box {
  width: 100%;
  display: inline-block;
  margin: 0 0 3% 0;
}
#tenpo {
  width: 31%;
  display: block;
  float: left;
  margin: 2% 1%;
  padding: 1.5% 2%;
  background-color: #ffffff;
  border: 2px solid #00b0ec;
  border-radius: 5px;
  box-sizing: border-box;
  color: #00b0ec;
  font-size: 100%;
  text-decoration: none;
}
#tenpo:hover {
  background-color: #00b0ec;
  border: 2px solid #ffffff;
  color: #ffffff;
}



}
/* =========================================================================================================================================

スタイルシート横幅：960pxから1500まで

========================================================================================================================================= */
@media screen and (min-width: 960px) and (max-width: 1500px){


#title02 {
  width: 100%;
  display: block;
  padding: 0 0 0.1% 0;
  font-size: 150%;
  color: #00b0ec;
  clear: both;
  border-bottom: 2px solid #00b0ec;
}
#tenpo_box {
  width: 100%;
  display: inline-block;
  margin: 0 0 3% 0;
}
#tenpo {
  width: 31%;
  display: block;
  float: left;
  margin: 2% 1%;
  padding: 1.5% 2%;
  background-color: #ffffff;
  border: 2px solid #00b0ec;
  border-radius: 5px;
  box-sizing: border-box;
  color: #00b0ec;
  font-size: 85%;
  text-decoration: none;
}
#tenpo:hover {
  background-color: #00b0ec;
  border: 2px solid #ffffff;
  color: #ffffff;
}


}
/* =========================================================================================================================================

スタイルシート横幅：600pxから959まで

========================================================================================================================================= */

@media screen and (min-width: 600px) and (max-width: 959px){


#title02 {
  width: 100%;
  display: block;
  padding: 0 0 0.1% 0;
  font-size: 120%;
  color: #00b0ec;
  clear: both;
  border-bottom: 2px solid #00b0ec;
  margin: 0 0 3% 0;
}
#tenpo_box {
  width: 100%;
  display: inline-block;
  margin: 0 0 3% 0;
}
#tenpo {
  width: 48%;
  display: block;
  float: left;
  margin: 1% 1%;
  padding: 1.5% 2%;
  background-color: #ffffff;
  border: 2px solid #00b0ec;
  border-radius: 5px;
  box-sizing: border-box;
  color: #00b0ec;
  font-size: 80%;
  text-decoration: none;
}
#tenpo:hover {
  background-color: #00b0ec;
  border: 2px solid #ffffff;
  color: #ffffff;
}



}

/* =========================================================================================================================================

スタイルシート横幅：599pxまで

========================================================================================================================================= */
@media only screen and (max-width:599px){


#title02 {
  width: 100%;
  display: block;
  padding: 0 0 0.1% 0;
  font-size: 120%;
  color: #00b0ec;
  clear: both;
  border-bottom: 2px solid #00b0ec;
  margin: 0 0 3% 0;
}
#tenpo_box {
  width: 100%;
  display: inline-block;
  margin: 0 0 3% 0;
}
#tenpo {
  width: 98%;
  display: block;
  float: left;
  margin: 2% 1%;
  padding: 3.5% 2%;
  background-color: #ffffff;
  border: 2px solid #00b0ec;
  border-radius: 5px;
  box-sizing: border-box;
  color: #00b0ec;
  font-size: 85%;
  text-decoration: none;
}
#tenpo:hover {
  background-color: #00b0ec;
  border: 2px solid #ffffff;
  color: #ffffff;
}



}
* {
    /*font-family: 'Noto Serif JP', serif;*/
    /*フォントは「https://fonts.google.com/?selection.family=Dancing+Script|M+PLUS+1p|M+PLUS+Rounded+1c|Noto+Serif+JP」
    から自由に変更することができます*/
}