@charset "UTF-8";

body { font-size: 16px; 
 font-family: Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
span.title { font-weight: bold; text-decoration: none;}
a { text-decoration: none;}
span.date { font-size: 14px;}
DL { padding: 3px;}
DT { padding: 3px; border-top: 3px solid #ff8c00;  background-color: #ffdab9; }
DD { margin-left: 8px;}
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 30px;
    width: 30px;
    position: fixed;
    right: 20px;
    bottom: 10px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
h2 {text-align: center;}
form { padding: 10px;}
.textbox {
  width: 200px;
  height: 36px;
  padding: 3px 7px;
  border-radius: 5px;
  border: 2px solid #ccc;
  font-size: 16px;
}
.sb_btn {
  font-size: 18px;
  padding: 5px 25px;
  
}
.select select {
  height: 36px;
  font-size: 18px;
  padding: 5px 25px;
}

/*PCから見た場合*/
@media screen and (min-width: 960px) {
body { background-color: #999999; font-size: 14px; }
.main { width: 750px; margin: 0 auto; padding: 20px; background-color: #FFF; }
.menu { width: 600px; padding: 20px 75px; }
span.title { padding: 0 5px; font-size: 15px; }
DL { padding : 5px;}
DT { padding : 5px; background-color: #FFF; border: none; }
DD { margin-left: 30px; }
.pagetop{ right: 30px; bottom: 30px;}
.sb_btn { font-size: 14px; padding: 3px 20px; }
.textbox { height: 28px; }
.select select {
  height: 30px;
  font-size: 14px;
  padding: 3px 20px;
}


}