@media screen and (max-device-width: 690px), (max-width: 690px)
{ /* 縮小ウインドウ、スマホ表示 */
#description { margin:15px 0 20px 15px;}
#hmenu li { width:25%; }
#hmenu a {margin-bottom:0px;}
.column4 article{ width:48%; height:500px;}
.column4 p{ min-height:105px;}
}
@media screen and (max-device-width: 640px), (max-width: 640px)
{ /* 縮小ウインドウ、スマホ表示 */
.column3 article{ width:96%; height:500px; margin:10px 2%;}
.column3 p{ min-height:105px;}
.column3 article:after {display:none;}
}

@media screen and (max-device-width: 480px), (max-width: 480px)
{ /* 縮小ウインドウ、スマホ横表示 */
header {min-height:0px;}
.index header {background-size:100% auto; position:fixed; top:0; padding:25px 0 0; }
header h1 a {font-size:100%; line-height:40px;padding-left:33px; display:inline; font-weight:bold; background-size:auto 50px; }
.index header h1 a {background-size:auto 60px; padding-left:40px; }
#description, #h-tel {display:none; float:none;}


#hmenu{ position:fixed; height:0; z-index:10; width:100%; margin-bottom:0;}
.index #hmenu {position:relative;}

#hmenu label {display:inline-block; width:54px; height:70px; padding:44px 0 0; background:rgba(0,0,0,0.8) url(../images/imenu1.png) 50% 3px no-repeat; background-size:78% auto; position:fixed; top:10px; right:10px; z-index:10; border-radius:8px; text-align:center; border-bottom:1px solid #fff; }
#hmenu input:checked ~ label {background:rgba(0,0,0,0.8) url(../images/imenu.png) 50% 3px no-repeat; background-size:78% auto; }

#hmenu label:after {content:"menu"; font-size:12px; font-weight:bold; color:#fff;}
#hmenu label:hover { cursor: pointer; }

#hmenu ul { width:94%; margin:0 auto; top:70px; display:none; }
#hmenu input:checked ~ ul{display:block;}
#hmenu li { width:100%; height:41px;}
#hmenu a { padding:0px; height:40px; line-height:38px; font-size:88%; background:rgba(255,255,255,1.0) url(../images/bg_nav.png) 10px 50% no-repeat; background-size:11px auto; text-align:left; padding-left:30px; color:#030;
border:1px solid #333;
border-radius:16px;
}
#hmenu a span {display:none;}

.index #hmenu a:hover, .index #hmenu a.current {color:#073; background:rgba(255,255,255,0.3) url(../images/bg_nav.png) 10px 50% no-repeat; color:#fff; font-weight:bold;}
#hmenu a:hover span, #hmenu .current a span, #contact:hover span {color:#660;}
#hmenu .current a:hover {background:rgba(255,255,255,0.0) url(../images/bg_nav.png) 10px 50% no-repeat; color:#fff;}
#hmenu .current a:hover span {color:#fff; text-shadow:3px 3px 5px #000;}


main {margin-top:100px;}
div.b_left, div.b_right { width:80%; margin:0 auto 20px; float:none; padding:0;}
main h1, #prolog h1 {font-size:150%;}
main h2 {font-size:130%;}
main h3 {font-size:110%;}

}


@media screen and (max-device-width: 360px), (max-width: 360px)
{ /* 縮小ウインドウ、スマホ縦表示 */
.big {font-size:105%;}
main dt { float:none!important; }
main dd { padding-left:0!important; }
}