/*****{ title }*****/
.main h1 {
  position: relative;
  max-width: 100%;
  height: auto;
  margin: 20px auto;
  padding: 10px 20px 4px 50px;
  background-size:100% auto;
  background: linear-gradient(to bottom, #bad9f5, #ebf3fc);
  border-radius: 4px;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #000;
  text-align: center;
}
.main h1:before {
  position: absolute;
  top: 20px;
  left: 2px;
  content:"";
  display: inline-block;
  width: 74px;
  height: 34px;
  background: url(/tem/img/hand.webp) no-repeat;
  background-size: contain;
}
/*****{ small_title }*****/
.small_title {
  position: relative;
  max-width: 100%;
  height: auto;
  background-size:100% auto;
  background: linear-gradient(to top right, #bad9f5, #FFF); 
  padding: 14px 0 10px 8px;
  margin: 70px 0 30px 0;
  border-left: 6px solid #2e37f3;
  border-bottom: 2px solid #2e37f3;
  font-size: 20px;
  font-weight: 600;
  color:#000
}
.m { color: #ff0000; font-size: 22px; font-weight: 900; margin-right: 0px; }
.r { color: #ff0000; font-size: 18px; font-weight: 600; margin-right: 0px; }
.g { color: #00ff00; font-size: 18px; font-weight: 600; margin-right: 0px; }
.n { color: #000; font-size: 20px; font-weight: 600; margin-right: 0px; }
.y { margin-bottom:6px; }
.indent { padding-left: 1.6em; text-indent: -1.6em; }
.indent2 { padding-left: 1.5em; text-indent: -1.5em; }
.indent3 { padding-left: 1.3em; text-indent: -1.3em; }
.right { text-align: right; margin: 0 50px 40px 0; color: #000; }
.main img { display: block; max-width: 100%;height: auto; margin: 0 auto 50px auto; border: solid 4px #78b3e7; border-radius: 4px; }
/* カーソル上の文字変更 */
.main a { font-weight: 400px; text-decoration: none; }
.main a:link { color: #0000FF; }
.main a:visited { color: #6600FF; }
.main a:hover { color: #FF0099; text-decoration: underline; }
.main a:active { color: #33CC00; }
.box {
  position: relative;
  width: 98px; height: 28px;
  margin: 0px 0 16px 0;
  background: linear-gradient(to bottom, #00406f, #31a6fe);
  border-radius: 6px;
}
.box p {
  position: static;
  font-size: 18px; font-weight: 600; color: #fff;
  padding: 4px;
}
.box1 {
  position: relative;
  width: 76px; height: 28px;
  margin: 0px 0 16px 0;
  background: linear-gradient(to bottom, #00406f, #31a6fe);
  border-radius: 6px;
}
.box1 p {
  position: static;
  font-size: 18px; font-weight: 600; color: #fff;
  padding: 4px;
}
.kage { box-shadow: 8px 14px 8px #666666; }
.kage1 { box-shadow: 4px 8px 4px #898989; }
.back { position: relative; max-width: 99%; height: auto; margin: 18px auto 60px auto; padding: 3px; background: #78b3e7; border-radius: 5px; }
.back1 { position: relative; max-width: 99%; height: auto; margin: 18px auto 60px auto; padding: 3px; background: #fff; border-radius: 5px; }
hr { height: 3px; background-color: #73c87b; width: 100%; border: none; }
/* 654px以下で縮小プロパティ */
@media screen and (max-width: 654px) {
  body { font-size: 15px; }
 .space { margin-bottom: 0; }
 .main h1 { font-size: 24px; letter-spacing: 0px; }
 .small_title { font-size: 18px; margin: 20px 0 30px 0;}
 .right { text-align: right; margin: 0 50px 18px 0; color: #000; }
 .main img { max-width: 100%;height: auto; margin: 0 auto 20px auto; }
 }    

.oku01 { width:720px;height:40px;font-size:20px;word-break:break-all;margin:0 0 -10px 0px;font-weight:600;color:#fff;background-color:#135cb7;padding:6px;border:4px solid #b4c1f8; }
@media screen and (max-width: 750px) {
.oku01 { width:96%;height:60px;font-size:20px;word-break:break-all;margin:0 0 -10px 0px;font-weight:600;color:#fff;background-color:#135cb7;padding:6px;border:4px solid #b4c1f8; }
}

.mb {
  color: #fff; 
  font-size: 14px;
  font-weight: 600;
  margin: 0px 0 20px 0px;
  padding: 6px 6px 3px 6px;
  background: linear-gradient(to bottom, #063cb7, #4191e9);
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
}
.mb:hover {color: #000; background: #ffff00;}
/* ↓レスポンシブに適用 */
.mb2 {
  color: #fff; 
  font-size: 14px;
  font-weight: 600;
  margin: 4px 0 20px 0px; /* ボタンが下に落ちた場合は [TOP] を調節 */ 
  padding: 6px 6px 3px 6px;
  background: linear-gradient(to bottom, #063cb7, #4191e9);
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
}
.mb:hover {color: #000; background: #ffff00;}