/* カスタム CSS をここに入力してください */


.square_btn { text-align : center ; }
.square_btn{
			margin-bottom:17px;
    font-weight:bold; 
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #EF8039;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #888888;
    border-radius: 3px;
}
.square_btn:hover{/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.box8{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: #F5F5F5;/*背景色*/
    border-left: double 10px #F0A19C;/*左線*/
    border-right: double 10px #F0A19C;/*右線*/
}
.box8 p {
    margin: 0; 
    padding: 0;
}

.box7{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: #F5F5F5;/*背景色*/
    border-left: double 10px #5B9A8C;/*左線*/
    border-right: double 10px #5B9A8C;/*右線*/
}
.box7 p {
    margin: 0; 
    padding: 0;
}

strong {
  border-bottom: solid 3px #5B9A8C;
} 

h4 {
color: #000000;/*文字色*/
border-bottom: dashed 2px #445735;
/*線の種類（点線）2px 線色*/
}

h3 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #445735;/*左線*/
border-bottom: solid 3px #F2F2F2;/*下線*/
}

#st-menubox li a{
  color:#ffffff;
}
#st-menubox li a:hover{
  color:#445835;
  background:#fff;
}

#s-navi dt.trigger {
  cursor: pointer;
  height: auto;
  overflow:hidden;
}
#st-mobile-logo img {
  height:auto;
  width:auto;min-width:20%;max-width:40%;
  box-sizing:border-box;
}
/* ※注意事項　すべてのmedia Queriesよりも上部に記述 */
/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {